Pinned Message

Pinned by AyşeLaunch checklist → notion.so/beste/launch
About this piece

Pinned Message

Amber-accented banner with a pin glyph, author caption, and the pinned message preview.

Usage

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

import { Chat19 } from "@/components/beste/piece/chat19";

<Chat19
  preview="Launch checklist → notion.so/beste/launch"
  author="Ayşe"
/>

More Chat pieces

View all Chat
Let's shift the sync to 3pm instead.
edited · 09:48

Edited Message

Standard chat bubble with a subtle italic edited caption beneath.

09:44

Sticker

Oversized emoji as a standalone sticker message with a small timestamp beneath it.

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
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.

Shipped the v2 onboarding this morning 🚀
421

Reaction Bubble

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

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.