# Collab Reactions

Team reactions in comment threads of task management.

- id: `collab-reactions`
- Page: https://agentic-ui-kit.com/components/collab-reactions
- Live preview: https://agentic-ui-kit.com/live/component/collab-reactions

## Install

```bash
agentic-ui add collab-reactions
npx shadcn@4.17.0 add @agentic-ui/collab-reactions
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** emoji-picker, reaction-counters, user-attribution-tooltip, optimistic-toggle, quick-reactions, search-filter, keyboard-navigation, empty-and-readonly-states, responsive-density
- **Intents:** communicate, track-status
- **Suits domains:** saas, project-management, social, notes
- **Interaction:** emoji-toggle, picker-search, quick-reaction-select, keyboard-navigation, user-list-tooltip
- **Screen role:** communication
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** team reactions in comment threads of task management, quick emoji interaction in shared documents and notes, corporate social activity feed and internal announcements, code review and contextual feedback on PRs and tickets
- **Avoid when:** structured text entry forms with no social dimension, weighted voting with biometric or legal validation
- **Preserve when adapting:** emoji-counter-interaction-model, active-state-visual-feedback, keyboard-accessibility-contracts
- **Replace when adapting:** emoji-dictionary-set, user-identity-resolver, avatar-display-component
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, popover, tooltip, badge, input, scroll-area
- **npm dependencies (registry):** @radix-ui/react-popover@^1.1.15, @radix-ui/react-tooltip@^1.2.8, lucide-react@0.577.0