Checkboxshadcn
Independent yes/no choices.
Inputs- Install
- npx shadcn add checkbox
- Import from
- @/components/ui/checkbox
- Guidance
- draft · v0.1.0
Examples
As installed from shadcn – rendering in jsp-ds tokens through the bridge.
You can read them before you continue.
Guidance
When to use
- A single yes/no that's saved with a form: I agree to the terms.
- Several independent choices in a FieldSet with a legend.
When not to use
- A setting that takes effect at once – use a Switch.
- One choice from several – use a Radio group.
Rules
- The label is clickable: link it with
htmlFor. - Phrase labels positively – Email me updates, not Don't email me.
Install
Terminal
npx shadcn add checkboxImport
import { Checkbox } from "@/components/ui/checkbox"From shadcn’s own registry. Don’t edit the installed file – jsp-ds styles it through the bridge, and fixes go in styles/overrides.css with an issue.