DS | Adila.co
Componentes

Number Field

Entrada numérica acessível com incremento, decremento e limites.

Opacidade — arraste para ajustar

Instalação

bun add @adila-sh/ui

Uso

<NumberField
  value={quantity}
  onValueChange={(value) => setQuantity(value)}
  min={1}
  max={10}
>
  <NumberFieldGroup>
    <NumberFieldDecrement />
    <NumberFieldInput aria-label="Quantidade" />
    <NumberFieldIncrement />
  </NumberFieldGroup>
</NumberField>

Use step, smallStep e largeStep para controlar teclado e botões. O campo deve receber um nome acessível por FieldLabel ou aria-label.

Nesta página