Checkboxes

Checkboxes and radio buttons are UI controls for selecting options. Choose the control based on whether selections are mutually exclusive.

When to use

Control	Use when	Example
Checkbox	Multiple independent options; not mutually exclusive	Select layers to export, toggle features on/off
Radio	Exactly one option from a set; mutually exclusive	Choose output format, select measurement unit

Menu contexts

In exclusive menus without icons, use radio behavior; in non-exclusive menus without icons, use checkboxes. With icons, highlightable state buttons may replace both.

Design guidelines

Standard checkbox and radio appearance; visually distinct from each other.
Labels per Typography and Capitalization foundations; spacing per Spacing foundation.
Clear default, hover, active, disabled, and focus states with sufficient contrast.
Support indeterminate checkbox state when a group is partially selected.

Examples

Export layers Metadata Annotations Scale bar

Output format TIFF JPEG PNG

Interaction and accessibility

Entire label area is clickable; support keyboard (Tab, Space/Enter).
Group related options with fieldset and legend.
Disable checkbox and radio labels together with the control when unavailable.
Provide ARIA roles and labels; use fieldset/legend for related groups.