Radio
Radio allows merchants to choose a single item from a list.
optional = ?
| Name | Type | Description |
|---|---|---|
| label? | string |
Label for the radio button. |
| helpText? | string |
Additional text to aid in use. |
| checked? | boolean |
Radio button is selected. |
| id? | string |
Unique ID for radio button. |
| name | string |
Use name to group radio buttons together by giving them the same name. |
| value? | string |
Value of selected input on selected |
| onChange? | (newValue: string) => void |
Callback when the radio button is toggled. |
| ✅ Do | 🛑 Don't |
|---|---|
| Use Radio to give merchants a single select choice | Horizontally stack Radio options |
| Vertically align Radio options |
For more guidelines, refer to Polaris' Radio button best practices.