Group Message

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

AK
Ayşe KayaDesigner09:42

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

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

Import & use
import { Chat31 } from "@/components/beste/piece/chat31";

<Chat31
  src="https://images.unsplash.com/photo-1577806934037-32d94e326e84?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTkxfHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
  alt="Ayşe"
  fallback="AK"
  author="Ayşe Kaya"
  role="Designer"
  message="Pushed a new pass on the empty states — peek when you have a sec 🎨"
  time="09:42"
/>