Number Input

The number input provides controls for editing, incrementing or decrementing numeric values using the keyboard or pointer.

API Reference

Prop	Type	Default
allowMouseWheel	boolean
allowOverflow	boolean
asChild	boolean
clampValueOnBlur	boolean
defaultValue	string
dir	'ltr' \| 'rtl'
disabled	boolean
focusInputOnChange	boolean
form	string
format	(value: string) => string \| number
getRootNode	() => ShadowRoot \| Node \| Document
id	string
ids	Partial<{ root: string label: string input: string incrementTrigger: string decrementTrigger: string scrubber: string }>
inputMode	InputMode
invalid	boolean
max	number
maxFractionDigits	number
min	number
minFractionDigits	number
name	string
onFocusChange	(details: FocusChangeDetails) => void
onValueChange	(details: ValueChangeDetails) => void
onValueInvalid	(details: ValueInvalidDetails) => void
parse	(value: string) => string
pattern	string
readOnly	boolean
spinOnPress	boolean
step	number
translations	IntlTranslations
validateCharacter	(char: string) => boolean
value	string

Prop	Type	Default
asChild	boolean

Prop	Type	Default
asChild	boolean

Prop	Type	Default
asChild	boolean

Prop	Type	Default
asChild	boolean

Prop	Type	Default
asChild	boolean

Prop	Type	Default
asChild	boolean