# useKnobDrag

O gesto de arrastar um knob isolado do desenho: pointer capture, trava de curso e passo fino com shift.

- Nome no registry: `use-knob-drag`
- Tipo: hook
- Dependências npm: react
- Demo: https://ui.visantlabs.com/c/use-knob-drag
- Categorias: fundacao, hook, gesto

## Quando usar

- Use quando: Criar um controle giratório próprio com arraste vertical, trava de curso e passo fino no shift
- Evite quando: Se um knob pronto serve, use vintage-knob ou vintage-large-knob; número em campo de editor, scrub-input

## Instalar

```bash
npx shadcn@latest add @visant/use-knob-drag
```

## Usar

```tsx
<useKnobDrag />
```

## API

### useKnobDrag

- `detent?: number = 0.5` — Detente, na escala normalizada (0…1). O arraste "cai" nele e precisa de um empurrão a mais pra sair, como o clique do meio de um pot de EQ. `null` desliga. Teclado e roda passam reto: são passos exatos, não mão.
- `log?: boolean = false`
- `max?: number = 10`
- `min?: number = 0`
- `onChange?: (value: number) => void`
- `sensitivity?: number = 0.022`
- `value?: number = 5`