NeumorUINeumorUI
📖📦
Showpiece

ChatBubble

Chat message bubble with sent/received variants, avatar, name, timestamp, and read status.

tsx
1import { ChatBubble } from "neumorui";

Example

Sarah
Sarah

Hey! How's the NeumorUI project going?

10:30 AM

Going great! Just finished the last batch of components. 98 total now!

10:32 AM✓✓
Sarah
Sarah

That's amazing! Can't wait to try them out 🎉

10:33 AM
message
variant
avatar
name
time
status

Props

PropTypeDefault
messagestring-
variant"sent" | "received""received"
avatarstring-
namestring-
timestring-
status"sent" | "delivered" | "read"-