Displays conversational content in a message bubble. Supports variants, alignment, grouping, reactions, and collapsible content.
Today · 9:41 AM
Hi Maya! Your order #4821 shipped this morning.
It should arrive on Thursday. Want me to text you the tracking link?
Yes please, that would be perfect.
Also, can I change the delivery address?
Done — the tracking link is on its way. You can update the address until 6 PM today from your order page.
Installation
pnpm dlx shadcn@4.21.1 add https://ui.elhcn.com/r/bubble.jsonUsage
import {
BubbleGroup,
Bubble,
BubbleContent,
BubbleReactions,
} from "@/components/ui/bubble"