EmojiReactionBar
Loading example…
Row of reaction chips plus an “add reaction” button that opens an emoji picker.
Import
Section titled “Import”import { EmojiReactionBar } from "@jcsoftdev/ui/forms";Single-component entry points tree-shake to just this component: @jcsoftdev/ui/forms/emoji-reaction-button.
<EmojiReactionBar emoji="🔥" count={7} reacted={false} />| Prop | Type | Default | Description |
|---|---|---|---|
reactions * |
Reaction[] |
||
onReact |
((emoji: string, reacted: boolean) => void) |
Called with the emoji and the new reacted state, from a chip or from the picker. | |
container |
HTMLElement | null |
Portal target for the picker; pass an element to keep a scoped data-style. |
|
addLabel |
string |
"Añadir reacción" |
|
disabled |
boolean |
||
className |
string |
* marks a required prop.
Storybook stories
Section titled “Storybook stories”Source
Section titled “Source”packages/ui/src/forms/emoji-reaction-button/emoji-reaction-button.tsx