Checkbox

A checkbox component with support for checked, unchecked, and indeterminate states. Built with accessibility in mind.

#Installation

npx @dinachi/cli@latest add checkbox

tsx

import { Checkbox } from '@/components/ui/checkbox'

A basic checkbox with label

Accept terms and conditions

Different checkbox states including indeterminate

Controlled checkbox (checked: false)

Indeterminate state checkbox

Disabled checkbox

Disabled checked

Prop	Type	Default	Description
checked	boolean \| 'indeterminate'	—	The controlled checked state of the checkbox
defaultChecked	boolean	false	The default checked state when uncontrolled
onCheckedChange	(checked: boolean \| 'indeterminate') => void	—	Callback fired when the checked state changes
disabled	boolean	false	Whether the checkbox is disabled
required	boolean	false	Whether the checkbox is required