KasyKasy

Number Field

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

Sobre

Campo numérico com steppers +/− no lugar da digitação livre — o valor só muda pelos botões, é somente leitura. Herda label, descrição, erro e contorno de foco do campo de texto padrão do kit.

  • value / onChanged: controlado; onChanged recebe o novo int.
  • min / max: limitam os steppers e esmaecem o botão ao atingir o limite.
  • step: incremento/decremento por toque (padrão 1).
  • label, hint, description, errorText, isInvalid, showRequiredIndicator: mesmos campos de um KasyTextField comum.
  • variant: reaproveita KasyTextFieldVariant (mesmas variantes visuais do campo de texto).
  • enabled: desabilita o campo inteiro.
  • showFocusRing: quando true (padrão), tocar em +/− foca o campo inteiro e acende o contorno; false desativa esse contorno.

Tocar em qualquer stepper foca o campo todo (não um anel isolado no botão), então o contorno de foco acende no campo inteiro, igual a clicar para digitar.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página