Radio

Radio allows merchants to choose a single item from a list.

Props

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.