Missed Call

Missed callAyşe Kaya · 09:42
About this piece

Missed Call

Rose missed-call tile beside caller name and time, with a Call back action on the right.

Usage

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

import { Chat20 } from "@/components/beste/piece/chat20";

<Chat20
  caller="Ayşe Kaya"
  time="09:42"
/>

More Chat pieces

View all Chat
Let's move the sync to 3pm instead.
Not delivered

Failed Message

Struck-through outgoing bubble with a rose alert dot, Not delivered label, and retry / delete actions.

On call with Ayşe Kaya02:14

Call In Progress

Live-call banner with a pinging video glyph, caller name, running duration, mute toggle, and end-call button.

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.

Reminder: Q2 planning notes due by noon tomorrow.
Sends Tomorrow · 08:00

Scheduled Message

Dashed-border outgoing bubble above a Clock chip showing when it will send.

3 unread

Unread Divider

Rose horizontal rule flanking an unread-count pill. Signals where new messages begin.

Thread Chip

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