Checkbox

Preview

Accept terms and conditionsYou agree to our Terms of Service and Privacy Policy.

Status: Not accepted

Installation

npx skeci-ui add checkbox

Usage

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

<Checkbox
  label="Accept terms"
  description="Agree to our terms and conditions."
  onCheckedChange={(checked) => console.log(checked)}
/>

Variants

Default Checkbox

Checked by default

Disabled

Disabled & Checked

With DescriptionThis is a more detailed explanation of the setting.

Props

Prop	Type	Default	Description
checked	boolean	—	The controlled checked state of the checkbox.
defaultChecked	boolean	false	The initial checked state when uncontrolled.
onCheckedChange	(checked: boolean) => void	—	Callback fired when the state changes.
label	string	—	The label text displayed next to the checkbox.
description	string	—	Additional helper text displayed below the label.
disabled	boolean	false	Whether the checkbox is non-interactive.