Radio
One choice from a short, visible list — vertical by default, horizontal when the options are two words long.
Loading documentation…
Powered by heyo
Radio is for a choice the reader should see all of. Three or four options
with a sentence of explanation each is exactly its job — beyond that, use a
Select and give the list back its scroll.
Like Checkbox, passing label renders the whole
clickable row; without it you get the dot alone.
Switch the axis when the labels are short enough to scan in a row — a unit, a density, a yes/no.
A radio group has no single control to label, so the group heading comes from
Field.
Change it at any time.
Controlled and uncontrolled selection.
Fires when the selection changes.
The layout axis. It defaults to vertical.
Standard form behaviour, passed through to Base UI.
The value this option contributes to the group.
An inline label. Its presence turns the component into the whole clickable row.
Muted helper text under the label.
Dims this option and ignores interaction.
Class for the outer <label>.
Class for the dot itself.