Checkbox Form element that allows users to select one or more options from a set.

CSS Source

Controls

Label As always, keep it simple.

Size Optional sizes.

Default Lg Xl

Checked Default state or checked state.

Indeterminate Partial group selected state. This overrides checked/unchecked model.

State States will happen automatically when using valid markup. We do include a class to force focused state, but you should avoid using it in your application.

Default Focus Disabled

Properties Jump to heading

Class / Token	Type
`.prs-checkbox`	Component	For <input>
`.prs-checkbox-label`	Component	For <label>
`.prs-checkbox_indeterminate`	State	Manually apply indeterminate
`.prs-checkbox_focus`	State	Manually apply focus