Checkbox

Checkbox with a drawn tick animation, indeterminate state, built-in label + description and Field wiring.

4 files · 231 locdeps: clsx, tailwind-merge

Accept terms and conditions

You agree to our Terms of Service and Privacy Policy.

All permissions

Read

Write

Deploy

Admin

Disabled option

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/checkbox.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs checkbox

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

<Checkbox label="Accept terms" checked={ok} onCheckedChange={setOk} />

Prop	Type	Default	Description
checked / defaultChecked	boolean \| "indeterminate"	—	State.
onCheckedChange	(c) => void	—	Change handler.
label / description	ReactNode	—	Inline label (clickable) and helper text.
size	"sm" \| "md"	"md"	Box size.