Checkbox

A checkbox control built on Ark UI with multiple sizes and indeterminate state support.

Import


import { Checkbox } from '@grannyshot/ui'


<Checkbox label="Accept terms" />


<Checkbox size="sm" label="Small" />
<Checkbox size="md" label="Medium" />
<Checkbox size="lg" label="Large" />


<Checkbox label="Unchecked" />
<Checkbox label="Checked" defaultChecked />
<Checkbox label="Indeterminate" checked="indeterminate" />


<Checkbox label="Disabled" disabled />
<Checkbox label="Disabled checked" disabled defaultChecked />

Prop	Type	Default	Description
`label`	`string`	—	Checkbox label text
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Checkbox size
`checked`	`boolean \| 'indeterminate'`	—	Controlled checked state
`defaultChecked`	`boolean`	`false`	Initial checked state
`disabled`	`boolean`	`false`	Disabled state
`className`	`string`	—	Additional CSS classes