Conversation Item

AK
Ayşe Kaya09:42
Sure, sending the Figma link now3
About this piece

Conversation Item

Inbox row with avatar, name, message preview, timestamp, and a primary unread count chip.

Usage

The import and the props worth knowing about, in one place.

import { Chat9 } from "@/components/beste/piece/chat9";

<Chat9
  src="https://images.unsplash.com/photo-1543096222-72de739f7917?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTM5fHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
  alt="Ayşe"
  fallback="AK"
  name="Ayşe Kaya"
  preview="Sure, sending the Figma link now"
  time="09:42"
  unread={3}
/>

More Chat pieces

View all Chat
AK
Ayşe KayaDesigner09:42

Pushed a new pass on the empty states — peek when you have a sec 🎨

Group Message

Avatar plus inline author, optional role chip, timestamp, and the message body beneath.

Thread Chip

Thread pill with a 3-avatar stack, a reply count in primary, and a last-reply timestamp.

AK
Hey, did you get a chance to look at the new onboarding flow?
09:42

Message Bubble

Chat bubble with an avatar and timestamp. Role flips alignment and color.

Where are we grabbing lunch?
  • Packer's Coffee6
  • Sushi place3
  • Stay in, order pizza9
18 votes

Poll Message

Chat bubble with a question and voting options. Each row fills proportionally to its vote count.

Search Result

Conversation search row with author and time above a message line where the match is amber-highlighted.

Q2 Planning Kickoff
Mon, Apr 28
10:00 – 11:30
6 going

Meeting Invite

Event invite bubble with title, date, time, attendee count, and Join / Maybe actions.