The uncontrolled value of the field when it's initially rendered.

To render a controlled number field, use the value prop instead.

Whether the component should ignore user interaction.

Identifies the form that owns the hidden input. Useful when the number field is rendered outside the form.

Options to format the input value.

The id of the input element.

A ref to access the hidden input element.

The large step value of the input element when incrementing while the shift key is held. Snaps to multiples of this value when snapOnStep is enabled.

The locale of the input element. Defaults to the user's runtime locale.

The maximum value of the input element.

The minimum value of the input element.

Identifies the field when a form is submitted.

Callback fired when the number value changes.

The eventDetails.reason indicates what triggered the change:

• 'input-change' for parseable typing or programmatic text updates
• 'input-clear' when the field becomes empty
• 'input-blur' when formatting (and clamping, if enabled) occurs on blur
• 'input-paste' for paste interactions
• 'keyboard' for arrow-key/Home/End stepping (typing digits uses 'input-change'/'input-clear')
• 'increment-press' / 'decrement-press' for button presses on the increment and decrement controls
• 'wheel' for wheel-based scrubbing
• 'scrub' for scrub area drags

Callback function that is fired when the value is committed. It runs later than onValueChange, when:

• The input is blurred after typing a value.
• The pointer is released after scrubbing or pressing the increment/decrement buttons.

It runs simultaneously with onValueChange when interacting with the keyboard or the mouse wheel.

**Warning**: This is a generic event not a change event.

Whether the user should be unable to change the field value.

Whether the user must enter a value before submitting a form.

The size of the component.

The small step value of the input element when incrementing while the alt key is held. Snaps to multiples of this value when snapOnStep is enabled.

Whether the value should snap to the nearest step when incrementing or decrementing.

Amount to increment and decrement with the buttons and arrow keys, or to scrub with pointer movement in the scrub area. To always enable step validation on form submission, specify the min prop explicitly in conjunction with this prop. Specify step="any" to always disable step validation; interactive stepping then uses a base amount of 1, while the alt and shift keys still step by smallStep and largeStep.

The raw numeric value of the field.

Determines how many pixels the cursor must move before the value changes. A higher value will make scrubbing less sensitive.

If specified, determines the distance that the cursor may move from the center of the scrub area before it will loop back around.