Checkbox

Fluent 2 visuals, shadcn APIs. Unchecked, checked, indeterminate, disabled, and invalid states — each paired with the kit's own Label — plus an interactive "select all" demo driving a parent checkbox's indeterminate state from its children.

Light

Unchecked

Subscribe to newsletter

Checked

Remember this device

Indeterminate

Some items selected

Disabled

Disabled, unchecked

Disabled, checked

Invalid

Must accept terms

Select all ("indeterminate" demo)

Select all fruit

Apple

Banana

Cherry

Dark

Unchecked

Subscribe to newsletter

Checked

Remember this device

Indeterminate

Some items selected

Disabled

Disabled, unchecked

Disabled, checked

Invalid

Must accept terms

Select all ("indeterminate" demo)

Select all fruit

Apple

Banana

Cherry