RhombusKit

Radio Group

A radio group lets the user pick exactly one option from a short, mutually-exclusive set. RhombusKit's <rhombus-radio-group> wraps Material's <mat-radio-group>, is driven by an options array, and routes its colour through the token contract so it re-skins with the active theme.

Example

When to use

  • Reach for a radio group when one choice out of two to about five visible options must be made and seeing them all at once aids the decision.
  • When the options are short and the user benefits from comparing them side by side without opening a separate surface.

When not to use

  • For longer lists or space-constrained forms, collapse the choices into a Select.
  • For an independent on/off setting (not a one-of-many choice), use a Switch or a single Checkbox.
  • When the user may pick several options at once, use a group of Checkboxes instead.

Related components

  • Select — one-of-many for longer lists.
  • Checkbox — independent or multi-select choices.
  • Switch — a single binary setting.

Was this page helpful?