Checkbox
Checkbox captures an independent yes/no choice — consent flags, multi-select lists, and form options that stay checked until cleared.
Bind checked to a boolean signal, provide a label for accessible naming, and reach for Switch instead when the setting applies immediately on toggle.
- Consent and terms acceptance before form submit
- Multi-select lists where each option is independent
- Boolean form fields that persist until the user clears them
- Create a boolean signal and pass it as
checkedfor two-way binding. - Set
labelfor an adjacent clickable caption. - Pass
valuewhen the checkbox participates in a named group. - Wrap in Field when the control needs a field label or validation messaging.
Checked
Checked state with an adjacent label; bind checked to a boolean signal for two-way sync.
Unchecked
Default off state before the user opts in; the indicator stays empty until checked becomes true.
Disabled
Disabled checkboxes inside a disabled fieldset cannot be toggled.
Size matrix
Medium and large indicator sizes for dense or prominent layouts.
Field wrapper
Field supplies the form label; the checkbox keeps its own inline caption.