Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProReactions for a comment: existing ones as toggle buttons with counts in their names and a radio-group picker where every emoji has a text name and one reaction per person.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this under comments, messages and updates where a quick response is better than a reply.
Do not use it for ratings (use stars) or for votes that must be exact and anonymous.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
reactions | { value, emoji, name }[] | - | Available reactions; name is the spoken label. |
value | string | - | Your reaction, or empty. |
counts | Record<string, number> | - | Totals per reaction including yours. |
onValueChange | (value: string) => void | - | Called with your new reaction or an empty string. |
aria-pressed; the emoji itself is aria-hidden.| Key | Action |
|---|---|
| Arrow keys in the picker | move and choose |
| Enter or Space on a reaction button | toggles your reaction |
The pattern ships a Testing Library test (popover-emoji-reaction.test.tsx) that covers named toggle buttons, picking from the radio group, removing and one reaction at a time.