ba-radio

A basic radio button component with a label, for use within ba-radio-group

Must be used with ba-radio-group

This component should not be used on its own. Always use it within ba-radio-group to ensure correct spacing, layout, and enable validation messages when used with other radio options

ba-radio-group

<ba-radio-group
  legend="Pick an option"
  hint-text="Some hint text to help select the right option"
  name="name"
>
  <ba-radio label="Flight 1" value="flight1"></ba-radio>
  <ba-radio label="Flight 2" value="flight2"></ba-radio>
  <ba-radio label="Flight 3" value="flight3"></ba-radio>
</ba-radio-group>

Always use the label attribute to give a meaningful label to the field.