Selection controls

Quick Decision Rules

• Use Switch for one immediate binary setting.
• Use Checkbox for independent or combinable choices.
• Use Radio for one choice from a small visible set.
• Use SegmentedControl for a short, always-visible exclusive set.
• Use Select for a compact single-choice field with hidden options.
• Use Listbox for an always visible list of one or several choices.
• Use CheckboxCard for rich multi-select option tiles.

By Interaction Model

• Immediate binary state: Switch
• Deferred or form-like binary selection: Checkbox
• Exclusive visible choice: Radio, SegmentedControl
• Exclusive compact field: Select
• Rich descriptive multi-select: CheckboxCard

Common Misclassifications

• Do not use Switch for a deferred form choice that should read like selection.
• Do not use Checkbox for mutually exclusive options.
• Do not use SegmentedControl when labels are long or options are numerous.
• Do not use Select when users benefit from seeing all options at once.
• Do not use CheckboxCard when the UI only needs a compact row.

Start Here

• Dense forms: Select, Radio, Checkbox
• Settings pages: Switch, Checkbox
• Short view or mode toggles: SegmentedControl
• Pricing or feature option tiles: CheckboxCard