# Ratchet

Catraca de aço: o gesto dá corda numa roda que só gira para um lado, com a lingueta caindo a cada dente.

- Nome no registry: `ratchet`
- Tipo: componente
- Dependências npm: motion
- Demo: https://ui.visantlabs.com/c/ratchet
- Categorias: controles, catraca, engrenagem, metal, gesto, clique

## Quando usar

- Use quando: Um gesto de dar corda: contar passos para a frente, avançar sem poder voltar
- Evite quando: Ajustar um número nos dois sentidos: scrub-input; girar para os dois lados: vintage-knob

## Instalar

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

## Usar

```tsx
<Ratchet />
```

## API

### Ratchet

Catraca: girar o dedo em volta do eixo dá corda numa roda dentada que só anda no sentido horário, com a lingueta subindo a rampa de cada dente e caindo da face íngreme.

- `idle?: boolean = true` — Sozinha na tela, a catraca dá um clique de tempos em tempos.
- `label?: string = "Catraca"` — Nome do controle para leitor de tela.
- `onWind?: (clicks: number) => void` — Avisa a cada dente que a pessoa passa, com o total desde que a peça montou. O passo sozinho não conta.
- `pitch?: number = 40` — Curso da roda do mouse por dente, em px. O arrasto não usa: uma volta do dedo é uma volta da roda.
- `teeth?: number = 16` — Dentes da catraca.