Number Input

Числовой ввод. Бесплатно, MIT · Формы и ввод › Числа, коды и маски

Установка

npx valyro-cli@latest add number-input

npx shadcn@latest add https://valyro.xyz/r/number-input.json

npm install valyro-ui

import 'valyro-ui/styles.css';
import { NumberInput } from 'valyro-ui';

Prop	Type	Default
`value`	`number \| null`		Controlled `value`; use with `onValueChange`.
`defaultValue`	`number \| null`	`null`	Initial `value` when uncontrolled.
`onValueChange`	`(value: number \| null) => void`		Called with the new `value` when it changes.
`min`	`number`		Lower bound: typed and stepped values are clamped to it, and Home jumps to it.
`max`	`number`		Upper bound: typed and stepped values are clamped to it, and End jumps to it.
`step`	`number`	`1`	Amount added by the stepper buttons and arrow keys; Shift and Page Up/Down step 10×.
`precision`	`number`		Decimal places committed values are rounded to.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's, then the browser's.
`formatOptions`	`Intl.NumberFormatOptions`		Display format, e.g. `{ style: 'currency', currency: 'USD' }`. Percent values are fractions (0.5 = 50%).
`allowWheel`	`boolean`	`false`	Step with the mouse wheel while the input is focused. Off by default to avoid accidental changes.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Field height and text size.
`invalid`	`boolean`		Danger border and `aria-invalid` on the input.
`labels`	`Partial<NumberInputLabels>`		Accessible names of the stepper buttons.
`name`	`string`		Submits the plain number ("1250.5", empty when unset) with the form, not the formatted text.