CopilotMessage
Each example below is a real component instance — flip the theme toggle to see how it adapts.
User#
Loading…
Assistant#
Priya Khanna owns payment-webhook-v2, currently on-call through Friday.
Streaming#
Loading…
Conversation#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| role * | enum | — | |
| avatar | ReactNode | — | Avatar initials (or full node) shown on the side. |
| streaming | boolean | undefined | — | Streaming caret at the end of the body. |
| density | enum | comfortable | `'comfortable'` (default) renders the desktop bubble. `'touch'` switches to the mobile chat layout: user bubbles right-aligned on `bg-accent`, assistant bubbles left-aligned on `bg-panel`, larger 15px text, and a max-width that keeps bubbles within 85% of the viewport. |