Components
Checkbox
Basic Usage
Checkboxes in their various states - unchecked, checked, disabled, and disabled checked.
Unchecked
Checked
Disabled
Disabled Checked
With Description
Checkboxes can include descriptions to provide additional context.
Label and description
Label Positions
Labels can be positioned above or to the side of the checkbox.
Description with label above (default on mobile)
Description with label to the side (on larger screens)
With Information Icon
Checkboxes can include an information icon with a tooltip for additional details.
Checkbox with additional information