updating readme

cozimacode · Oct 30, 2020 · bcf4451 · bcf4451
1 parent 6b45ef1
commit bcf4451
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -37,11 +37,12 @@ You can access it via window.ReactBot
 
 ## Usage
 
-1- Import the ReactBot component in your app and pass the mandatory `handleUserInput` prop that accepts a function to process the user input.
+1- Import the ReactBot component and the stylesheet in your app and pass the mandatory `handleUserInput` prop that accepts a function to process the user input.
 
 ```js
 import React from "react";
 import { ReactBot } from "@cozimacode/react-bot";
+import "@cozimacode/react-bot/dist/styles.css";
 
 function Demo() {
   const handleUserInput = (input) => {
@@ -59,6 +60,7 @@ export default Demo;
 ```js
 import React from "react";
 import { ReactBot, addBotMessage } from "@cozimacode/react-bot";
+import "@cozimacode/react-bot/dist/styles.css";
 
 function Demo() {
   const handleUserInput = (input) => {
@@ -78,6 +80,7 @@ export default Demo;
 ```js
 import React from 'react';
 import { ReactBot } from '@cozimacode/react-bot';
+import "@cozimacode/react-bot/dist/styles.css";
 import launcherIcon from './launcherIcon.png';
 
 function Demo() {
@@ -160,6 +163,7 @@ import {
   hideTypingEffect,
   addBotMessage,
 } from "@cozimacode/react-bot";
+import "@cozimacode/react-bot/dist/styles.css";
 
 function Demo() {
   const handleUserInput = (input) => {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cozimacode/react-bot",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A clean, compact and responsive chat widget for React Apps.",
   "author": {
     "name": "Naser Mohd Baig",