InputNumber
Valor numérico com stepper (− / +) — quantidade, preço. Respeita min, max e step.
Componente base do Nuxt UI (
UInputNumber), ainda não internalizado no EletroDS — confira o comportamento antes de usar no ME.O InputNumber é o campo de valor numérico com stepper (− / +): quantidade de itens, preço, prazo em dias. Garante limites (min/max) e incremento (step). Vive dentro de um FormField.
Variantes
| Quero… | Use |
|---|---|
| Limitar faixa | min / max |
| Incremento por clique | step |
| Densidade | size |
Estados
| Estado | Comportamento |
|---|---|
| Default | Valor editável por digitação ou pelo stepper (− / +). |
No limite (min/max) | O stepper desabilita a direção que estouraria a faixa; valor fora do limite é corrigido e avisado por texto (não só cor). |
| Desabilitado | Campo e steppers inertes quando o valor não se aplica ao contexto. |
No código
UInputNumber — doc técnica em ui.nuxt.com/docs/components/input-number.
Acessibilidade
- Permita digitação direta além dos botões de stepper; cada botão (+/−) com nome acessível.
- Semântica de spinbutton:
aria-valuenow/aria-valuemin/aria-valuemax; setas ↑/↓ ajustam o valor. - Foco visível; alvo ≥ 44px nos steppers.
- Erro/limite anunciado por texto, não só por cor.