Checkbox

Boolean choice, accessible by default.

Usage

Use Checkbox.Root inside a label element. Bind to checked for two-way state.

Sizes

Three sizes from the size prop.

States

indeterminate renders the mixed state. Both indeterminate and disabled are fully accessible.

Props

Plus all Bits Checkbox.Root props via prop spreading.

PropTypeDefault
size 'sm' | 'md' | 'lg''md'
checked Bindable checked state.booleanfalse
indeterminate Shows the mixed/indeterminate visual.booleanfalse
class Extra classes merged onto the root.string