Input Number

Numeric input with increment/decrement buttons. Use for quantities and bounded numbers. For unstyled number entry, use Input type="number".

Default

Bound with v-model. Use min, max, decimal to constrain.

Import the parts you need from the component's folder.

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

min, max, and decimal constraints.

Pass decimal to allow a fractional part.

Prop	Type	Default	Description
`modelValue`	`number \| string`	`null`	Current value. Supports v-model. Displayed thousand-separated.
`placeholder`	`string`	`""`	Placeholder text.
`min`	`number`	—	Minimum value. Negative input is blocked unless min < 0.
`max`	`number`	—	Maximum value.
`decimal`	`boolean`	`false`	Allow a decimal part.
`class`	`string \| object \| array`	`""`	Extra classes.

Event	Description
`update:modelValue`	Fires with the parsed number. Enables v-model.