Checkbox

Allows users to select one or multiple options from a list. Commonly used in forms, filters, and settings panels.

I agree the terms and conditions

Yes , apply the edited changes

Yes delete account , action cannot be undone

Installation

npx shadcn@latest add https://display-ui.vercel.app/r/CheckBox

import { CheckBox } from "@/components/display-ui/CheckBox"

<CheckBox />

For CheckBox Component

Attribute	Type	Description	Default
variant	`"primary" \| "dark" \| "success" \| "danger"`	Controls the accent color of the checkbox.	"primary"
boxSize	`"md" \| "lg" \| "xl"`	Controls the size of the checkbox.	"md"
className	`string`	Additional CSS classes to customize the checkbox styling.	-

Carousel

Drawer