# Reactions

Barra de reações em que a contagem rola pro lado que andou e o ícone dá um pulinho quando você reage.

- Nome no registry: `reactions`
- Tipo: componente
- Dependências npm: @radix-ui/react-popover, lucide-react, motion
- Demo: https://ui.visantlabs.com/c/reactions
- Categorias: controles, reacao, comentario, contador, emoji, feedback

## Quando usar

- Use quando: Barra de reações em post, comentário ou mensagem, com a contagem rolando
- Evite quando: Avaliação formal de produto: estrelas ou nota; quem está numa tarefa, assignee-stack

## Instalar

```bash
npx shadcn@latest add @visant/reactions
```

## Usar

```tsx
<Reactions
  label="Reações à versão 2.4"
/>
```

## API

### Reactions

- `options: ReactionOption[]` — Todas as reações que a bandeja oferece, na ordem da bandeja.
- `className?: string`
- `defaultValue?: Reaction[] = []`
- `label?: string = "Reações"` — Nome da barra pro leitor de tela.
- `onValueChange?: (next: Reaction[], change: { id: string; reacted: boolean; }) => void` — Recebe a lista nova e a troca que a produziu.
- `value?: Reaction[]` — Controlado. As pílulas seguem esta ordem; contagem zero sai da barra.