React component wrapper for Freshchat. The oficial documentation can be found here .

*

$3

* 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.

$3

* Simple icon chat

* Labeled icon chat

$3

``tsx
import { Freshchat } from 'reactjs-freshchat';
import 'reactjs-freshchat/dist/index.css'

//1. Anonymous User


//2. Logged in User
token={'YOUR-TOKEN-HERE'}
externalId={"john.doe1987"}
firstName={"John"}
lastName={"Doe"}
/>
//3. Labeled chat and styled colors
token={'YOUR-TOKEN-HERE'}
label="Label"
ic_styles={{
backgroundColor: '#002d85',
color: '#fff'
}}
/>
`

$3

`shell
$ npm i reactjs-freshchat
`

$3

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

`shell
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.

$3

* Vinicius Teixeira

$3

MIT © ViniciusTei