RAG Chatbot Widget

Embed your AI chatbot into any React application.

Installation

# Install from NPM
npm install @anurag902684/rag-chatbot-widget

# Or install from local path if developing
# npm install ./path/to/rag-chatbot-widget

Usage

1. Import the component and styles.
2. Pass your apiKey.

import { ChatBotWidget } from 'rag-chatbot-widget';
import 'rag-chatbot-widget/style.css'; // Import styles

function App() {
  return (
    <div className="App">
       {/* Other content */}
       
       <ChatBotWidget 
         apiKey="YOUR_ORG_API_KEY"
         title="My AI Assistant"
         themeColor="#7c3aed"
       />
    </div>
  );
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | apiKey | string | (Required) | Your Organization's API Key. | | apiBaseUrl | string | http://localhost:5000 | URL of the backend API. | | title | string | AI Support | Title in the chat header. | | themeColor | string | #2563eb | Primary color for header/buttons. |