Number Field
A A set of radio buttons that allows users to select only one option from a predefined list.
Basic
A field specifically designed for entering numeric values.
Installation
Composed components
When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.
This component comes packed with several components to enhance functionality and provide a seamless experience.
Manual installation
Anatomy
Controlled
You can use the number field as a controlled component by managing its state externally.
Uncontrolled
Like other fields, the search field can be controlled by managing its value through the defaultValue
prop.
Validation
The field is in an error state, usually caused by invalid input. Try submitting the form without filling it out to see the error state in action.
Disabled
The field is disabled and cannot be interacted with.
Design Intent UI