Number Field

A number input with increment and decrement buttons.

Examples

Default

<NumberField>
  <NumberFieldContent>
    <NumberFieldDecrement />
    <NumberFieldInput />
    <NumberFieldIncrement />
  </NumberFieldContent>
</NumberField>

Props

NumberField

Prop	Type	Default	Description
defaultValue	number	-	The default value of the number field.
modelValue	number	-	The controlled value of the number field.
min	number	-	The minimum value.
max	number	-	The maximum value.
step	number	1	The step value.
formatOptions	Intl.NumberFormatOptions	-	The number format options.

Slots

NumberField

Slot	Description
default	The content of the number field.

NumberFieldInput

Slot	Description
default	The input content.

NumberFieldIncrement

Slot	Description
default	The increment button content.

NumberFieldDecrement

Slot	Description
default	The decrement button content.