ChatBox

Domain

Floating chat widget that anchors to the bottom-right of the screen. Includes a FAB toggle, collapsible panel, scrollable message list with typing indicator, and an auto-growing textarea input.

Preview

Live preview — fixed position on real pages

Code

<ChatBox
  title="Support Chat"
  subtitle="We typically reply in a few minutes"
  initialMessages={[
    { id: 'm1', role: 'agent', text: 'Hi there! How can I help you today?' },
    { id: 'm2', role: 'user', text: 'I have a question about my order.' },
  ]}
/>

Preview

Code

<ChatBox title="Sales Chat" subtitle="Ask us anything" />

ChatBox

With initial messages

Empty / initial state

Navigation