diff --git a/README.md b/README.md index 619ba8471..5230b7ea5 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,8 @@ yarn add react-chat-widget import React, { Component } from 'react'; import { Widget } from 'react-chat-widget'; +import 'react-chat-widget/lib/styles.css'; + class App extends Component { render() { return ( @@ -51,6 +53,8 @@ export default App; import React, { Component } from 'react'; import { Widget } from 'react-chat-widget'; +import 'react-chat-widget/lib/styles.css'; + class App extends Component { handleNewUserMessage = (newMessage) => { console.log(`New message incomig! ${newMessage}`); @@ -77,6 +81,8 @@ export default App; import React, { Component } from 'react'; import { Widget, addResponseMessage } from 'react-chat-widget'; +import 'react-chat-widget/lib/styles.css'; + class App extends Component { componentDidMount() { addResponseMessage("Welcome to this awesome chat!"); @@ -108,6 +114,8 @@ export default App; import React, { Component } from 'react'; import { Widget, addResponseMessage, addLinkSnippet, addUserMessage } from 'react-chat-widget'; +import 'react-chat-widget/lib/styles.css'; + import logo from './logo.svg'; class App extends Component {