- Docs
- components
- Checkbox
Checkbox
A Checkbox allows users to select multiple items from a list of individual items, or to mark one individual item as selected.
Checkboxes can be built with the <input> HTML element, but this can be difficult to style. Checkbox helps achieve accessible checkboxes that can be styled as needed.
Preview
Code
Installation
CLI
Copy & Paste
NPM
PNPM
Bun
Yarn
npx shadcn@latest add https://backchanel.com/default/checkboxExamples
Basic
Preview
Code
Value
Indeterminate
Preview
Code
Validation
Preview
Code
Disabled
Preview
Code
Read-only
Preview
Code