Conversation
Chat bubble
One turn in a conversation, with a streaming caret. Takes a role and children — no message shape assumed.
Install
npx shadcn@latest add https://ui.inflection.network/r/chat-bubble.jsonPulls in utils automatically.
Usage
Where is my order?
It shipped this morning and is due Thursday.
streaming
Checking that for you
Props
| Name | Type | Description |
|---|---|---|
| role* | "user" | "assistant" | Which side of the conversation this turn is. |
| children* | ReactNode | The turn's content. Markdown, plain text, anything. |
| streaming | boolean | Appends a blinking caret while the reply is still arriving.Default: false |
| className | string | Merged with the bubble's own classes. |
* required