ChatBubble
ChatBubble Component
Playground
Alice
Hello there!
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| message | text | — | |
| align | selectleft | right | — |
Default
Alice
Hello there!
Right
Hi Alice!
Typing
Alice
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
align | select | — | Bubble alignment |
message | text | — | Message content |
Using ChatBubbletsx
import { ChatBubble } from '@/components/ChatBubble'
<ChatBubble
message="..."
align="..."
/>Tokens Used
No design tokens detected