Skip to content

EmojiReactionButton

Open .md
Live preview

Loading example…

Reaction chip: an emoji with its count, pressed when the current user reacted.

import { EmojiReactionButton } from "@jcsoftdev/ui/forms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/forms/emoji-reaction-button.

<EmojiReactionButton emoji="🔥" count={7} reacted={false} />
Prop Type Default Description
emoji * string
count * number
reacted boolean false Whether the current user has used this reaction.
onToggle ((reacted: boolean) => void)
disabled boolean
className string

* marks a required prop.

packages/ui/src/forms/emoji-reaction-button/emoji-reaction-button.tsx