Radio Group Test

Mutually exclusive choice control for the Quantum Design System.

Vertical (default)

Options stacked vertically. Arrow keys select on move.

Horizontal

Options laid out in a row, wrapping.

Selected

With a pre-selected value.

Focus

One tab stop per ARIA. Tab enters at the selected radio.

With Per-Option Hints

Each radio can have its own hint text.

Disabled Option

A single disabled radio is skipped by arrow navigation.

Disabled Group

The entire group is disabled; all radios are dimmed.

Invalid

Invalid state with error text below the group.

All Sizes

Small, medium, and large sizes.

Dark Theme

Radio group in dark theme.