Checkbox

Checkboxes let users select multiple options at once.

Checkbox

Checkboxes let users select multiple options at once.

Checkbox LabelCheckbox LabelCheckbox LabelThe Checkbox Component.

Usage

The checkbox component allows the active selection of one or more input values at a time. It typically appears in forms and modals. If you require the user to select a single option from a series of items, then the Radio Button component should be used instead.

Anatomy

Checkbox LabelCheckbox ButtonLabel12The Checkbox Anatomy.
  1. Checkbox Button. The checkbox is a single value toggle.
  2. Label (Optional). Used to provide context to the Checkbox Button.

States

DefaultHover/ActiveCheckedThe Checkbox States.

The Checkbox Button has three available states - Default, Hover/Active, and Checked.