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
| 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. |
Events
| Event | Description |
|---|---|
| update:modelValue | Fires with the parsed number. Enables v-model. |