https://github.com/derrmru/react-webchat
A chatbot ui template component build with react
https://github.com/derrmru/react-webchat
frontend react webchat
Last synced: about 2 months ago
JSON representation
A chatbot ui template component build with react
- Host: GitHub
- URL: https://github.com/derrmru/react-webchat
- Owner: derrmru
- Created: 2021-02-03T13:06:54.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-02-08T15:46:37.000Z (over 5 years ago)
- Last Synced: 2025-04-09T20:17:00.689Z (about 1 year ago)
- Topics: frontend, react, webchat
- Language: TypeScript
- Homepage: https://react-webchat.netlify.app/
- Size: 623 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A simple lightweight chat ui template component build react.
## Installation
You must set required props for this to function.
IMPORTANT: your server must emit to 'receive' and listen to 'send' at your socket endpoint.
## Usage
```
import Chatbot from 'react-webchat'
function App() {
return (
<>
>
);
}
export default App;
```
## Props
Props:
1. endpoint: string //Required - your server Websocket endpoint, this is built for Socket.io
2. iconSize: string //Required - size in pixels of your chat icon
3. brandColor: string //Required - set your brand colors, will accept normal css color values as a string
4. brandColor2: string //Required - as above
5. title: string //Required - the title of the component, this is shown in header section
## Dependencies
React
Socket
Typescript