Skip to main content

Checkbox

Checkbox is a selectable control that lets users toggle a binary option.

When to use​

  • Use when users need to choose one or more items from a list of independent options.
  • Use when you want to present a clear, on/off state that can be read by assistive technologies.

When not to use​

  • Don’t use for mutually exclusive choices; use a radio button instead.
  • Don’t use for actions that submit a form or trigger navigation; use a button instead.

Changelog​

  • 2026-07-01 — Updated from Figma.
  • 2026-06-29 — Initial doc generated from Figma.