Forms
NumberInput
A numeric input with increment/decrement controls and min/max/step support.
<UiNumberInput />Options
One block per prop — what it does, and what it looks like set.
Model value
modelValue is the numeric value, two-way bound — a number, not the input's string.
Value: —
Placeholder
placeholder is shown while the field is empty. An example of the expected magnitude does more work here than the word the label already carries.
Disabled
disabled disables the field and both stepper controls.
Variant
variant picks between the ringed outline field on the page background and the filled, tinted soft one with no ring.
Orientation
orientation sets where the increment and decrement controls sit — either side of the field, or stacked at its end.
Min
min is the floor. The decrement control disables itself once the value reaches it.
Max
max is the ceiling, and the mirror of min.
Step
step sets how much each press of a control moves the value. A decimal step also sets how the value is rounded.
Examples
The component in real use: compositions that answer "how do I build X with this", rather than one prop at a time.
Wrapped in FormField
API Reference
Generated from the component's source — props, slots and emits as the component actually declares them.
Props
Emits
update:modelValue[value: number | undefined]