Ship-It Designv0.0.20

GitHub

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#

Props for CopilotMessage
PropTypeDefaultDescription
role *enum
avatarReactNodeAvatar initials (or full node) shown on the side.
streamingboolean | undefinedStreaming caret at the end of the body.
densityenumcomfortable`'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.