Carregando…Carregando…Carregando…Carregando…Numeric input with currency symbol, locale formatting, min/max validation and sizes.
Currency Input — formatted display, raw edit on focus
USD: 1299.99 · EUR: 0
$ npx kikitocn add currency-input@/lib/utilsimport { CurrencyInput } from "@/components/ui/cn/currency-input/CurrencyInput";
export function CurrencyInputExample() {
return (
<CurrencyInput />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
value | number | undefined | Valor numérico (controlled) |
onChange | (value: number) => void | undefined | Callback quando o valor muda |
currency | string | 'USD' | Código ISO da moeda (ex: 'BRL', 'EUR') |
locale | string | 'en-US' | Locale para formatação do símbolo |
placeholder | string | '0.00' | Texto placeholder |
size | 'sm' | 'md' | 'lg' | 'md' | Tamanho do input |
disabled | boolean | false | Desabilita o campo |
min | number | undefined | Valor mínimo permitido |
max | number | undefined | Valor máximo permitido |