Composer

About this piece

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

Usage

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

import { Chat17 } from "@/components/beste/piece/chat17";

<Chat17
  placeholder="Message Ayşe"
  value=""
/>

Ayşe KayaDesigner09:42

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

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

Hey, did you get a chance to look at the new onboarding flow?

09:42

Chat bubble with an avatar and timestamp. Role flips alignment and color.

09:44

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

Rounded emoji picker with six quick reactions and a trailing plus for the full emoji palette.

Let's shift the sync to 3pm instead.

edited · 09:48

Standard chat bubble with a subtle italic edited caption beneath.

Shipped the v2 onboarding this morning 🚀

421

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