Skip to content

RadioGroup

One choice out of many. The group wraps Radio items in a fieldset with a real legend.

Example

Email frequency

You can change this anytime.

<RadioGroup name="frequency" label="Email frequency">
  <Radio name="frequency" value="daily" label="Daily" />
  <Radio name="frequency" value="weekly" label="Weekly" />
  <Radio name="frequency" value="monthly" label="Monthly" checked />
</RadioGroup>

Props (RadioGroup)

PropTypeDefaultDescription
namestring-Shared radio name; message ids derive from it.
labelstring-Legend text.
hint / errorstring-Wired via aria-describedby on the fieldset.

Accessibility