About this piece
Meeting Invite
Event invite bubble with title, date, time, attendee count, and Join / Maybe actions.
Usage
The import and the props worth knowing about, in one place.
import { Chat12 } from "@/components/beste/piece/chat12";
<Chat12
title="Q2 Planning Kickoff"
date="Mon, Apr 28"
time="10:00 – 11:30"
attendees={6}
role="received"
/>More Chat pieces
View all ChatWhere are we grabbing lunch?
- Packer's Coffee6
- Sushi place3
- Stay in, order pizza9
Poll Message
Chat bubble with a question and voting options. Each row fills proportionally to its vote count.
AK
Hey, did you get a chance to look at the new onboarding flow?
09:42Message Bubble
Chat bubble with an avatar and timestamp. Role flips alignment and color.
AK
Ayşe Kaya09:42
Sure, sending the Figma link now3
Conversation Item
Inbox row with avatar, name, message preview, timestamp, and a primary unread count chip.
Let's shift the sync to 3pm instead.
edited · 09:48Edited Message
Standard chat bubble with a subtle italic edited caption beneath.
