Components / Forms
Checkbox
Selects one or more options.
Preview
1import { Checkbox } from "@/components/ui/checkbox"2
3export function CheckboxDemo() {4 return <Checkbox />5}checked
The checked style of this component.
1import { Checkbox } from "@/components/ui/checkbox"2
3export function CheckboxDemo() {4 return <Checkbox defaultChecked />5}disabled
The disabled style of this component.
1import { Checkbox } from "@/components/ui/checkbox"2
3export function CheckboxDemo() {4 return <Checkbox disabled />5}Installation
Add the source directly to your project with the shadcn CLI.
npx shadcn@latest add qentrah/DUI/checkboxUsage
Install the component, import it from your configured UI directory, and adapt the source to your product. Open the source panel under any example to copy that exact variant.