# Measure Picker

Escolher por medida e receber a recomendação. A faixa traduz o número em produto.

- Nome no registry: `measure-picker`
- Tipo: componente
- Dependências npm: react
- Demo: https://ui.visantlabs.com/c/measure-picker
- Categorias: controles, slider, recomendacao

## Quando usar

- Use quando: Loja que recomenda tamanho ou modelo a partir de uma medida que o cliente sabe, como a altura
- Evite quando: Valor livre sem recomendação: elastic-slider; projeção de ROI com premissa, sim-slider

## Instalar

```bash
npx shadcn@latest add @visant/measure-picker
```

## Usar

```tsx
<MeasurePicker
  max={200}
  min={130}
  value={163}
  label="Sua altura"
/>
```

## API

### MeasurePicker

- `bands: MeasureBand<T>[]` — Faixas em ordem crescente de `max`. A última costuma ser `Infinity`.
- `label: string`
- `max: number`
- `min: number`
- `onValueChange: (v: number) => void`
- `value: number`
- `className?: string`
- `edgeLabels?: [string, string]` — Rótulo mostrado nas pontas da trilha.
- `formatValue?: (v: number) => string` — Formata o valor de entrada (ex.: 175 → "175cm · 5ft 9in").
- `hideReadout?: boolean = false` — Esconde a linha de cabeçalho (rótulo + valor). Aditivo e desligado por padrão: o valor formatado só existia no `aria-valuetext`, ou seja, quem enxerga nunca via o número que estava escolhendo.
- `step?: number = 1`