Radio component
Figma Component
Radio buttons allow the user to select one option from a set.
Properties
| Name | Description | Default |
|---|---|---|
| busy | Input busy state | - |
| description | Checkbox description | - |
| error | Input error state | - |
Note: This table does not include native DOM and React properties like `onClick`, `ref`, `id`, `aria-label` (and many others) supported by this component.
Busy
When a radio field is a part of a form that is currently busy (e.g. data is asynchronous validated or saved) the input field should be marked with the `busy` attribute. The component will be set as disabled, but will be visually different from `disabled` state.
Disabled
A component that is unavailable and should be ignored on form submissions, has to be marked with the `disabled` property.
Read Only
A component that is unavailable for user input changes, but should be focusable and included on form submissions, has to be marked with the `readOnly` property.