[component]
Dev Mode
Number field
Description
Use the number field to allow a user to input numerical values.
Number field
Usage Guidelines
Do
Use this component for numerical input. For example, an age or quantity.
If an error is returned, tell the user why.
If the field is disabled, tell the user why.
Don't
Do not use this component for text input. Instead, use a text field or text area.
Accessibility
The user should be able to use tab to navigate between elements.
Props
Name
Type
Required
Description
onChange
OnChangeCallback
Required
type
Required
blurOnSubmit
boolean
disabled
boolean
errorText
string
helperText
string
iconName
IconName
id
string
max
number
min
number
onBlur
OnChangeCallback
onEnter
onFocus
onIconClick
onSubmitEditing
Status
Documentation:
Figma:
Web:
iOS:
Android:
Related
Text area
Examples
Basic Number Field
Number Field with Label
Number field
Decimal Field
Decimal
Number Field with Error Message
Enter some number
Provide actionable information
Helpful information for filling out the form field.
Disabled Number Field
Number field title
Tell the user why this is disabled.