Toggle Sidebar B
AppearanceLight & dark mode D

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.

Replay preview

With bounds

min, max, and decimal constraints.

Replay preview

Decimal

Pass decimal to allow a fractional part.

Replay preview

API Reference

InputNumber

PropTypeDefaultDescription
modelValuenumber | stringnullCurrent value. Supports v-model. Displayed thousand-separated.
placeholderstring""Placeholder text.
minnumberMinimum value. Negative input is blocked unless min < 0.
maxnumberMaximum value.
decimalbooleanfalseAllow a decimal part.
classstring | object | array""Extra classes.
EventDescription
update:modelValueFires with the parsed number. Enables v-model.