ReactionButton.
One shared icon reaction interaction for hearts, stars, and bookmarks.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
kind | "heart" | "star" | "bookmark" | No | heart | heart · star · bookmark | Which shared Lucide reaction to show. |
pressed | boolean | No | false | true · false | Controlled selected state; fills the icon when true. |
onPressedChange | (pressed: boolean) => void | No | — | — | Called when user toggles the reaction. |
label | string | No | — | — | Unselected visible/accessible label. |
pressedLabel | string | No | — | — | Selected visible label. |
iconOnly | boolean | No | false | true · false | Icon-only mode with accessible name. |
count | number | No | — | — | Optional count next to the icon. |
size | "sm" | "md" | "lg" | No | md | sm · md · lg | Size of the control. |
disabled | boolean | No | false | true · false | Disable interaction. |