react-bot-ui

React component for customizable chatbot UI with Dialogflow integration

Demo

Check out the live demo.

Take a look at the demo source code.

Installation

NPM:

npm i --save react-bot-ui

Yarn:

yarn add react-bot-ui

Features

• React component
• Override default CSS variables
• Integrate with Dialogflow
• Toggle chat window open/close
• Embed within existing page

Usage

Minimum Dialogflow integration

<ReactBotUI
	dialogflow={{accessToken: 'youshallnotpass'}} />

All optional property defaults

<ReactBotUI
	dialogflow={null}
	dialogHeightMax={calculatedToFlex}
	isUserHidden={false}
	isVisible={true}
	title={'React Bot UI'} />

Styling

Default styling can be overriden using CSS variables

TODO

• Include default images as Base64
• Open chat in new window
• Add non-Dialogflow compatability
• Add prop-types integration