Date Separator

Yesterday
About this piece

Date Separator

Thin horizontal rule with a muted date pill in the middle, used to break up chat days.

Usage

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

import { Chat14 } from "@/components/beste/piece/chat14";

<Chat14
  label="Yesterday"
/>

More Chat pieces

View all Chat
3 unread

Unread Divider

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

Ayşe joined the conversation

System Message

Muted centered pill with an icon, used for joins, role changes, and other neutral system events.

09:42Read

Seen Receipt

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

Thread Chip

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

AK
Ayşe KayaDesigner09:42

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

Group Message

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

AK
Ayşe and Merve are typing

Multi Typing

Typing indicator pill showing multiple avatar stack, summary text, and three pulsing dots.