# Scrub Input

Número que se arrasta na horizontal, como nos editores gráficos. Teclado continua funcionando.

- Nome no registry: `scrub-input`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/scrub-input
- Categorias: controles, numero, gesto

## Quando usar

- Use quando: Campo numérico arrastável em editor ou ferramenta de design, como tamanho, opacidade ou ângulo
- Evite quando: Valor numa faixa visível pro público geral: elastic-slider ou slosh-slider

## Instalar

```bash
npx shadcn@latest add @visant/scrub-input
```

## Usar

```tsx
<ScrubInput />
```

## API

### ScrubInput

- `label: string`
- `max: number`
- `min: number`
- `onChange: (value: number) => void`
- `value: number`
- `className?: string`
- `disabled?: boolean`
- `hint?: string` — Vira `title` — bom lugar para explicar o parâmetro.
- `icon?: any`
- `kind?: "number" | "px" | "percent" | "angle" | "multiple"` — Vocabulário do painel de design. Só define sufixo e passo padrão.
- `layout?: "stack" | "row"` — "row" = rótulo e valor na mesma linha (campo metade da altura).
- `step?: number`
- `stepper?: boolean` — Botões − e + em volta do valor, pra contagem de um em um e pro dedo.
- `suffix?: string`