Checkbox

Accept terms and conditions

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

export function CheckboxDemo() {

Installation


pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/checkbox.json

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

<Checkbox />

Accept terms and conditions

import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"

Disabled checkbox

import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"

Accept terms and conditions

You agree to our Terms of Service and Privacy Policy.

import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"

Prop	Type	Default	Description
`checked`	`boolean \| "indeterminate"`	-	The controlled checked state
`defaultChecked`	`boolean`	-	The default checked state
`onCheckedChange`	`(checked: boolean \| "indeterminate") => void`	-	Callback when checked changes
`disabled`	`boolean`	`false`	Disable the checkbox
`required`	`boolean`	`false`	Mark as required
`name`	`string`	-	The name for form submission
`value`	`string`	`"on"`	The value for form submission