Forms/Checkbox

Checkbox

Animated checkbox with indeterminate state, group management, and full keyboard accessibility. Works as a controlled or uncontrolled input.

import { Checkbox } from "@animui/ui"

States

Accept terms and conditions

Subscribe to newsletter

Indeterminate state

Disabled checkbox

Prop	Type	Default	Description
`label`	`string \| React.ReactNode`	—	Label rendered next to the checkbox.
`checked`	`boolean`	—	Controlled checked state.
`defaultChecked`	`boolean`	`false`	Initial checked state for uncontrolled usage.
`indeterminate`	`boolean`	`false`	Shows an indeterminate (dash) state — useful for 'select all' checkboxes.
`onChange`	`(checked: boolean) => void`	—	Called when the checkbox is toggled.
`disabled`	`boolean`	`false`	Disables the checkbox.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Controls the size of the checkbox element.
`className`	`string`	—	Additional classes on the wrapper.