Primitives

Checkbox

Radix-backed checkbox with checked, unchecked, and indeterminate states.

Basic

Controlled checkbox

Email me about new releases

const [checked, setChecked] = useState<boolean | 'indeterminate'>(false)

<Checkbox id='c1' checked={checked} onCheckedChange={setChecked} />
<Label htmlFor='c1'>Email me about new releases</Label>

Indeterminate

Pass checked="indeterminate"

Select all (3 of 5)

Project A

Project B

Project C

<Checkbox checked='indeterminate' />

Disabled

disabled={true}

Disabled