Chat Bubbles

v1.0.0

Displays chat messages in bubble style.

Preview styles globally and toggle between output modes.

Alice

Hey! Did you see the new variant updates?

10:02 AM

Yeah, the glassmorphism one looks incredible.

10:03 AM

Alice

Agreed. Super easy to implement too.

10:04 AM

All available props for this component.

Prop	Type	Default	Description
messages	ChatMessage[]	—	Array of message objects to display inside the thread stack.
defaultVariant	"modern" \| "minimal" \| "glass" \| "macos"	"modern"	Global styling aesthetic fallback applied to all text bubbles.
showTimestamps	boolean	false	Toggles display of timestamps aligned beneath bubbles.
className	string	""	Additional Tailwind overrides passed directly down to the flex list wrapper.