PercentageInput
Input de porcentagem com sufixo % e formatação decimal configurável.
%
Valor numérico: 12.5
Instalação
npx @kobana/ui add percentage-inputDependências npm: react-number-format
Importação
import { PercentageInput } from "@/components/kobana/percentage-input"Props
| Prop | Tipo | Default | Descrição |
|---|---|---|---|
value | number | — | Valor numérico da porcentagem |
onValueChange | (value: number) => void | — | Callback de mudança |
decimalScale | number | 2 | Casas decimais |
max | number | 100 | Valor máximo permitido |
Estende todas as props de NumericFormatProps (react-number-format).
Uso
<PercentageInput
value={taxa}
onValueChange={setTaxa}
decimalScale={2}
max={100}
/>Ideal para taxas de juros, descontos, comissões e outros campos percentuais. O sufixo % é exibido de forma fixa e o valor é limitado ao máximo configurado.