Usage
import { ReactionBar } from "@/registry/components/reaction-bar/reaction-bar";
<ReactionBar>Label</ReactionBar>Props
| Name | Type | Default | Description |
|---|---|---|---|
| reactions | Partial<Record<ReactionKey, { count; active? }>> | Starting count and pressed state per action | |
| onReact | (key, state) => void | Called after a toggle with the new count and state | |
| actions | ReactionKey[] | ["like", "comment", "repost", "share"] | Which actions to show, in order |
| className | string | Extra class on the pill |
When to use
- Reactions under posts, comments or updates in a feed - Any toggle with a public count, like saves or upvotes
When not to use
A single primary action (button) or AI-message actions (message-actions).