AurumRadioGroup

Aurum's radio group — a vertical stack of mutually-exclusive options.

familySelection
platformiOS 17+ · SwiftUI
figmacomponent master ↗
sourceSources/Aurum/Component/Selection/AurumRadioGroup.swift
code connectFigmaConnect/Sources/AurumFigmaConnect/AurumRadioGroup.figma.swift

Aurum's radio group — a vertical stack of mutually-exclusive options. The SwiftUI port of aurum-android's AurumRadioGroup (Figma RadioGroup, node 5157:2034).

Pass errorText to opt into the error variant: every option's circle tints to feedback-negative and the helper line below switches from the default disabled-grey to negative-intense.

Intended use

Use to present 2–7 mutually-exclusive options in a vertical list (form choice, plan picker, sort order). For more than 7 options switch to a picker surface to keep the list scannable. For exactly 2 balanced options, prefer a segmented affordance when one exists.

Do

  • Keep options to a stable, bounded set — radios are not meant for paginated or remotely-fetched data.
  • Set errorText to communicate validation failure; clear it the moment the user picks a valid option.
  • Place the group near its own contextual header — don't rely on label alone for grouping cues in dense forms.

Don’t

  • Mix per-option enabled: false with a top-level enabled: false; pick one disable mode and stick to it.
  • Use a radio group to fire actions on each tap — use a row of AurumChips for filter behaviour.
  • Render the same option twice; the group assumes value uniqueness for selection comparisons.

Code Connect

Mapped to Figma node 5157:2034 ↗ — SwiftUI snippets appear in Dev Mode for the latest release.