Scheduled Message

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

Scheduled Message

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

Usage

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

import { Chat23 } from "@/components/beste/piece/chat23";

<Chat23
  message="Reminder: Q2 planning notes due by noon tomorrow."
  sendAt="Tomorrow · 08:00"
/>

More Chat pieces

View all Chat
Shipped the v2 onboarding this morning 🚀
421

Reaction Bubble

Message bubble with a small floating reaction chip tucked into the bottom corner.

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.

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.

SB

Typing Indicator

Chat bubble with three staggered dots. Signals that the other side is typing.

09:42Read

Seen Receipt

Timestamp pill with double-check icon that colors sky when the message is read.

Replying to Ayşe
What time are we demoing tomorrow?
10 AM Istanbul, same Zoom link as last week.

Reply Thread

Quoted message block inside a bubble, with the replying author and the reply text beneath.