Message Bubble
A focused conversational surface with distinct user, assistant, and system treatments.
Find the accessibility issue in this form.
The email field is missing a persistent label. I can add one and preserve the current layout.
Installation
Add the component source directly to your project.
pnpm dlx shadcn@latest add https://pastaui.com/r/message-bubble.jsonAPI reference
Message Bubble
| Prop | Type | Default | Description |
|---|---|---|---|
from | assistant | system | user | assistant | Sets alignment and visual tone. |
children | ReactNode | — | Renders the message content. |