Checkbox

A control that allows the user to toggle between checked and unchecked states. Built on Radix UI with full keyboard and accessibility support.

States

Unchecked, checked, and disabled variants.

Unchecked

Checked

Disabled

Disabled checked

Bind the checkbox to React state for controlled behavior.

Subscribe to notifications

State: unchecked

Parent checkbox shows an indeterminate state when some children are selected.

Select all permissions

Read

Write

Delete

Admin