Kobana UI
GitHub

NumberInput

Input numérico com formatação de milhar e decimal configurável.

Valor numérico: 1234

Instalação

npx @kobana/ui add number-input

Dependências npm: react-number-format

Importação

import { NumberInput } from "@/components/kobana/number-input"

Props

PropTipoDefaultDescrição
valuenumberValor numérico
onValueChange(value: number) => voidCallback de mudança
thousandSeparatorstring"."Separador de milhar
decimalSeparatorstring","Separador decimal
decimalScalenumber0Casas decimais

Estende todas as props de NumericFormatProps (react-number-format).

Uso

<NumberInput
  value={quantity}
  onValueChange={setQuantity}
  decimalScale={2}
/>

On this page