Compose a numeric input from primitives: NumberField + NumberFieldContent + Increment/Decrement buttons + NumberFieldInput. Use when you need a different layout than the bundled InputNumber.
Inline +/- with the input in the middle.
Constrain the value with min, max, and step.
Pass disabled to block the input and step buttons.
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | number | — | Current value. Supports v-model. |
min | number | — | Minimum value. |
max | number | — | Maximum value. |
step | number | 1 | Increment / decrement step. |
disabled | boolean | false | Disable the field. |
| Event | Description |
|---|---|
update:modelValue | Fires with the new number. Enables v-model. |
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | — | The editable number input. Forwards to reka-ui NumberFieldInput. |
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | — | Step buttons. Default slot overrides the +/- icon. Forwards to reka-ui. |
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | — | Row wrapper that groups the input with the step buttons. |