Reaction Picker

About this piece

Reaction Picker

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

Usage

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

import { Chat21 } from "@/components/beste/piece/chat21";

<Chat21
  emojis={[
    "๐Ÿ‘",
    "โค๏ธ",
    "๐Ÿ˜‚",
    "๐ŸŽ‰",
    "๐Ÿ”ฅ",
    "๐Ÿ˜ฎ"
  ]}
/>

More Chat pieces

View all Chat
Prince

Album art is final. Dropping the single Friday at midnight.

Reaction Burst

Emoji reactions spring onto a message one after another while their counts tick upward, hold for a beat, then clear and play again.

Shipped the v2 onboarding this morning ๐Ÿš€
421

Reaction Bubble

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

Message AyลŸe

Composer

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

09:44

Sticker

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

Message Actions

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

Thread Chip

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