Toggle Sidebar B
header.lightDarkMode 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.

With bounds

min, max, and decimal constraints.

Decimal

Pass decimal to allow a fractional part.

API Reference

Props, events, and slots for each sub-component.

InputNumber

Props

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.

Events

EventDescription
update:modelValueFires with the parsed number. Enables v-model.