Carregando…

Number Input

Inputs

Numeric input with stepper buttons, min/max/step constraints and format support.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for inputs/number-input

Instalação via CLI

$ npx kikitocn add number-input

Exemplo de uso

Number InputExample.tsx

import { NumberInput } from "@/components/ui/cn/number-input/NumberInput";

export function NumberInputExample() {
  return (
    <NumberInput />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`value`	`number`	—	Valor controlado
`defaultValue`	`number`	—	Valor inicial
`onChange`	`(value: number) => void`	—	Callback ao alterar
`min`	`number`	—	Valor mínimo
`max`	`number`	—	Valor máximo
`step`	`number`	`1`	Incremento do stepper
`precision`	`number`	—	Casas decimais
`format`	`(value: number) => string`	—	Formatador de exibição
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do campo
`disabled`	`boolean`	`false`	Desabilitar campo
`label`	`string`	—	Label do campo
`errorMessage`	`string`	—	Mensagem de erro
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…