Checkbox

Checkbox built on @radix-ui/react-checkbox. Supports checked / unchecked / indeterminate. Three sizes.

$npx shadcn@latest add https://ui.btng.studio/r/checkbox

Basic

Controlled toggle with a paired Label. Clicking the label toggles the checkbox.

Indeterminate

Third state for 'some but not all' selection scenarios — e.g. a parent checkbox over a group.

Sizes

sm (16) · md (20, default) · lg (24).

Disabled

Pointer events off, 50% opacity per shadcn convention.