A simple React package to enable customer and client conversations within your app. QuickChat provides a chatbot interface, but all responses are manually handled, making it ideal for businesses that want direct, real-time customer interaction.
npm install @patt-rick/react-quickchatA simple React package to enable customer and client conversations within your app. QuickChat provides a chatbot interface, but all responses are manually handled, making it ideal for businesses that want direct, real-time customer interaction.
- Easy to integrate into any React app
- Customer and client chat interface
- Manual responses for personalized support
- Lightweight and optimized
Install the package via npm:
``sh`
npm install @patt-rick/react-quickchat
or with yarn:
`sh`
yarn add @patt-rick/react-quickchat
Import and use the QuickChat component in your React app:
`tsx
import React from 'react';
import { Chat } from '@patt-rick/react-quickchat'
function App() {
return (
clientDetails={{
clientName: // name of client,
clientId: // any id relating to client,
clientOrgName: // name of organisation of client
}}
adminDetails={{
adminOrgName: // name of admin,
adminOrgId: //admin org id'
}}
/>
);
}
`
| Prop Name | Type | Description |
| --------------- | -------------------------------- | ------------------------------- |
| theme | "light" | "dark" | Set the chat UI theme |position
| | "bottom-right" | "bottom-left" | Adjust the chat icon position |onMessageSend
| | (message: string) => void` | Callback when a message is sent |
You can customize the chat interface using CSS or pass styles as props.
Contributions are welcome! Feel free to submit issues and pull requests on GitHub.
This project is licensed under the MIT License.