KasyKasy

Number Stepper

Viewer ao vivo e documentação do componente Number Stepper.

Sobre

Pílula compacta "− valor +" avulsa, sem estar presa a um campo de texto. Diferente do NumberField (campo completo cujos steppers substituem a digitação), este é o controle enxuto para contextos de seletor de quantidade (item de carrinho, porções, tamanho do grupo) onde um campo inteiro seria exagero.

  • value / onChanged: controlado; sem onChanged o controle fica desabilitado (steppers inativos).
  • min (padrão 0) / max: limitam o incremento/decremento.
  • step: incremento por toque (padrão 1).
  • size: sm (botão 28px, ícone 14px) ou md (botão 34px, ícone 16px, padrão).
  • semanticLabel: rótulo de acessibilidade (padrão "Quantity").

Cada toque nos steppers dispara feedback tátil (KasyHaptics.selection).

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página