React component wrapper for Freshchat. The oficial documentation can be found here https://developers.freshchat.com/web-sdk/.
$ yarn add fh-storybook-dev-components
- Create a chat with anonymous user
- Create a chat with Logged in user
- Custom labeled chat
- Add a label to your chat icon.
- The ic_styles property can only be set with this option.
- Simple icon chat
- Labeled icon chat
import { Freshchat } from 'reactjs-freshchat';
import 'reactjs-freshchat/dist/index.css'
//1. Anonymous User
<Freshchat token={'YOUR-TOKEN-HERE'} />
//2. Logged in User
<Freshchat
token={'YOUR-TOKEN-HERE'}
externalId={"john.doe1987"}
firstName={"John"}
lastName={"Doe"}
/>
//3. Labeled chat and styled colors
<Freshchat
token={'YOUR-TOKEN-HERE'}
label="Label"
ic_styles={{
backgroundColor: '#002d85',
color: '#fff'
}}
/>
Keep it simple. Keep it minimal. Don't put every single feature just because you can. Have fun 🚀!
Download the source code. Then, you need to install the dependencies using
yarn
or
npm install
Then run the following command to run the component yarn start
or npm start
.
Then navigate to the example folder and run the start script to run the example project and see your changes.
- Vinicius Teixeira
MIT © ViniciusTei