Multi-Chat
Need to render more than one chat on a single screen? ChatWindow has zero global state — each instance is fully self-contained. Mix themes, color modes, and message streams freely. The theme switcher above each pane changes only that chat.
Independent Chats
Three Independent Chats
Three chat windows on the same screen — each with its own messages, theme, color mode, and bot. Type into any of them to see them animate independently.
Support
Sales
Success
// Multiple ChatWindow instances, each with independent state and theme.
// Just instantiate as many as you need — there's no global state to coordinate.
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 16 }}>
<ChatWindow theme="aurora" messages={support.messages} onSendMessage={support.send} />
<ChatWindow theme="iris" messages={sales.messages} onSendMessage={sales.send} />
<ChatWindow theme="modern" messages={success.messages} onSendMessage={success.send} />
</div>