Design System v1.0

Checkbox

Select one or many options, with grouped and indeterminate states.

Default

A single checkbox with a label.

With description

A checkbox with supporting helper text.

By checking this box, you consent to sharing your site consumption data for analysis.

Horizontal group

A row of related checkboxes.

Cards

Selectable cards backed by checkboxes.

Tree (indeterminate)

A nested checkbox tree with an indeterminate parent state.

API reference

A checkbox styled as a small box with a check-icon indicator.

Full props on Base UI Checkbox
Anatomy
CheckboxCheckbox root with a check-icon indicator when selected.

Command Palette

Search for a command to run...