Definition: A checkbox is an element that selects multiple options or toggle a binary choice.

When to use

Use a checkbox to allow users to select one or more items from a list of options.

  1. Checkbox
  2. Label







  1. Filled
  2. Stroke







  1. Not checked
  2. Checked
  3. Mix


  • Enabled state
  • Focused state
  • Error state
  • Disabled state