Checkbox Test

Binary and indeterminate choice control for the Quantum Design System.

Unchecked

Default unchecked state.

Checked

Default checked state.

Indeterminate

Set by the consumer only. Clicking goes to checked and clears indeterminate.

Focus

Focus ring appears on the box, not the row. Tab to see it.

Disabled Checked

Disabled and checked — dimmed, no interaction.

Invalid

Invalid state with error text below.

With Hint

Helper text below the label.

Two-Line Label

The box is vertically centred against the first line of label text.

All Sizes

Small, medium, and large sizes.

Group of Checkboxes

A set of related independent checkboxes.

Dark Theme

Checkbox in dark theme.