Conversation Item

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

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

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
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}
/>