/react-bot-ui

React component for customizable chatbot UI with Dialogflow integration

Primary LanguageJavaScript

react-bot-ui

Travis npm package Coveralls

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