radio-button.md

< Back to Components List

Radio button

polaris-radio-button implements the Polaris Radio button component.

NOTE: the React component's id property has been renamed to inputId in this Ember implementation.

Examples

Basic radio button:

{{polaris-radio-button
  label="This is a radio button"
  value="option-1"
  onChange=(action (mut selectedValue))
}}

Radio button with help text:

{{polaris-radio-button
  label="This is a radio button"
  helpText="Click the button to change the selected value"
  value="option-1"
  onChange=(action (mut selectedValue))
}}

Radio button with custom label component:

{{polaris-radio-button
  label=(component "my-custom-label")
  value="option-1"
  onChange=(action (mut selectedValue))
}}