Skip to content

Latest commit

 

History

History
71 lines (51 loc) · 1.6 KB

README.md

File metadata and controls

71 lines (51 loc) · 1.6 KB

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