Checkbox

The Checkbox component is a UI element that allows users to select one or more options from a set. It consists of a small square box and a label. When selected, a checkmark appears inside the box.
Checkboxes are commonly used in forms, settings, and surveys to enable users to make binary choices.

Checkbox
Validation State Danger
Checkbox
Validation State Success
Checkbox
Validation State None
Checkbox
Validation State Warning
Checkbox
Property Values Default
State Variant Default | Hover | Active | Disabled Default
Helper Boolean true | false true
Helper text Text string Helper text
Label text Text string Checkbox Label Text
Success text Text string Success text
Warning text Text string Warning text
Danger text Text string Danger text
Disabled Variant False | True False
Selected Variant False | True False
Indeterminate Variant False | True False
Validation State Variant None | Success | Warning | Danger None