Bubble

A chat bubble container with variants for user and assistant message styling.

A chat bubble container with variants for user and assistant message styling and reactions.

Can you generate the Better Auth schema?
Certainly! I will scaffold `user`, `session`, `account`, and `verification` tables in Drizzle.
tsx
import { Bubble } from "@celestia-project/ui/primitive/bubble"
<Bubble variant="user">Hello, how can I help you today?</Bubble><Bubble variant="assistant">I can assist with component documentation.</Bubble>

Props

PropTypeDefaultDescription
variant"user" | "assistant" | "system""user"Styling variant for sender role
classNamestringundefinedCustom CSS class overrides
PreviousAudio Player
NextCanvas