Component

Checkbox

Tri-state capable checkbox (wraps Base UI Checkbox).

States

UncheckedCheckedIndeterminateDisabled

Prop	Type	Default	Description
checked / defaultChecked	boolean	None	Controlled or uncontrolled checked state.
indeterminate	boolean	false	Renders the tri-state (mixed) indicator.
onCheckedChange	(checked: boolean) => void	None	Fires when the state changes.
label	ReactNode	None	Optional leading label next to the box.
disabled	boolean	false	Prevents interaction.
tone	ComponentTone	"default"	Color used once checked/indeterminate.
className	string	None	Additional classes applied to the component root.

checked / defaultCheckedNone

boolean

Controlled or uncontrolled checked state.

indeterminatefalse

boolean

Renders the tri-state (mixed) indicator.

onCheckedChangeNone

(checked: boolean) => void

Fires when the state changes.

labelNone

ReactNode

Optional leading label next to the box.

disabledfalse

boolean

Prevents interaction.

tone"default"

ComponentTone

Color used once checked/indeterminate.

classNameNone

string

Additional classes applied to the component root.