Selection · §5.6

Radio group

One choice from a short list.

Theme
Contrast
Language
Motion
Text size

Code

<RadioGroup value={v} onValueChange={setV}><RadioGroupItem value="patient" /></RadioGroup>

Accessibility

  • One tab stop; arrow keys move the selection.

Usage

Do

  • A legend that asks the question.

Don't

  • Don't use radios for more than 6 options.

Platforms

Web
apps/web/components/ui/radio-group.tsx
iOS
SwiftUI Picker(.inline)
Android
Compose RadioButton rows