Reka UI logoReka
backdrop
PropDefaultType
as
'div'
AsTag | Component

The element or component this component should render as. Can be overwritten by asChild.

asChild
boolean

Change the default rendered element for the one passed as a child, merging their props and behavior.

Read our Composition guide for more details.

defaultValue
number
disabled
boolean

When true, prevents the user from interacting with the Number Field.

disableWheelChange
boolean

When true, prevents the value from changing on wheel scroll.

formatOptions
NumberFormatOptions

Formatting options for the value displayed in the number field. This also affects what characters are allowed to be typed by the user.

id
string

Id of the element

invertWheelChange
boolean

When true, inverts the direction of the wheel change.

locale
string

The locale to use for formatting dates

max
number

The largest value allowed for the input.

min
number

The smallest value allowed for the input.

modelValue
number | null
name
string

The name of the field. Submitted with its owning form as part of a name/value pair.

readonly
boolean

When true, the Number Field is read-only.

required
boolean

When true, indicates that the user must set the value before the owning form can be submitted.

step
1
number

The amount that the input value changes with each increment or decrement "tick".

stepSnapping
true
boolean

When false, prevents the value from snapping to the nearest increment of the step value

EmitPayload
update:modelValue
[val: number]

Event handler called when the value changes.

Slots (default)Payload
modelValue
number | undefined
textValue
string