Checkbox

iOS-style checkbox with smooth checkmark animation.

Preview

Accept terms and conditions

Subscribe to newsletterGet weekly updates

Disabled option

bash

npx auralix-ui add checkbox

tsx

import { Checkbox } from "@/components/ui/Checkbox";

<Checkbox label="Accept terms" />

tsx

<Checkbox 
  label="Marketing emails" 
  description="Receive updates about new features" 
/>

Name	Type	Default	Description
`checked`	`boolean`	`false`	Whether the checkbox is checked.
`onChange`	`(checked: boolean) => void`	`-`	Callback when checked state changes.
`label`	`string`	`-`	Label text for the checkbox.
`description`	`string`	`-`	Optional description text.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Size of the checkbox.
`disabled`	`boolean`	`false`	Whether the checkbox is disabled.

On this page