Feedback & OverlaysFree

Emoji Reaction Button

A toggleable emoji reaction with a count, like a Slack reaction.

Usage

bash

npx wunderui-cli add emoji-reaction-button

Writes the source into your project with its dependencies and, on first use, the styles — see Installation.

Then import what you need:

tsx

import {
  EmojiReactionButton,
} from "@/components/wunderui/emoji-reaction-button"

An emoji with its count — click to add yours.

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

A row of reactions under a chat message.

ALAlina Lorenz10:42

Shipped the checkout redesign — thanks everyone!