Forms / The visual dictionary

Radio group.

Presents one shared question with mutually exclusive answers.

Also calledoption groupsingle choice group
01

See it in context

UI illustration
Delivery speed

The group label supplies context while each radio label names a possible answer. Keyboard navigation and selection operate within the group as a coordinated set.

When to use it

Give the group a visible question and keep one selected answer at most.

Know the difference

A radio button is one option; the radio group defines the shared choice and its exclusivity.

WebiOSiPadOSAndroidmacOSWindowsLinux

Web

Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.

iOS · iPadOS · Android

Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.

macOS · Windows · Linux

Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.

Primary documentation for the pattern and its platform conventions.