🎨 Customize Chat UI

Configure display modes, themes, colors, and styling options for the BotDojo chat widget.

🎨 Live Configuration

</>TypeScript Example

📄TypeScript Exampletsx
1import { BotDojoChat } from '@botdojo/chat-sdk';
2

3export default function MyApp() {
4  return (
5    <BotDojoChat
6      apiKey="***"
7      mode="chat-popup"
8      popupOptions={{
9        width: '400px',
10        height: '600px',
11        resizable: true,
12      }}
13      theme="dark"
14      accentColor="#6366f1"
15      backgroundColor="#1e293b"
16      fontSize="16px"
17      hideBotIcon={false}
18      allowMicrophone={false}
19      baseUrl="https://embed.botdojo.com"
20    />
21  );
22}