Message Actions

About this piece

Message Actions

Floating toolbar with react, reply, copy, delete, and overflow actions. Delete tints rose.

Usage

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

import { Chat28 } from "@/components/beste/piece/chat28";

<Chat28 />

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 shift the sync to 3pm instead.
edited · 09:48

Edited Message

Standard chat bubble with a subtle italic edited caption 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.

Message Ayşe

Composer

Rounded message composer with attach, inline text, emoji, and a smart send / mic button that flips with the value.

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.

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

Pinned Message

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