Radio group
Choose exactly one option from a set.
Default (vertical)
A vertical stack of radio options.
Horizontal
Radio options laid out in a row.
Cards
Radio options rendered as selectable cards.
Consumption and cost totals for 1 site.
Interval data and emissions for up to 5 sites.
Cards (vertical, with icons)
Stacked card options each led by an icon.
Consumption and cost totals for 1 site.
Interval data and emissions for up to 5 sites.
API reference
A set of mutually-exclusive options: a RadioGroup coordinates its RadioGroupItems.
Full props on Base UI RadioAnatomy
RadioGroup | Root coordinating selection across its items. |
RadioGroupItem | A single circular radio with a checked-dot indicator. |