Shadcn.io is not affiliated with official shadcn/ui
Simple Checkbox
A React checkbox with label for basic binary selection using shadcn/ui and Radix UI for accessible form controls
Forms need checkboxes—it's that simple. This React checkbox pairs shadcn/ui's Checkbox component with a Label for clickable text, making the entire label activate the checkbox. Built with Radix UI primitives ensuring keyboard navigation and screen reader support work perfectly. The space-x-2 gap keeps checkbox and label visually connected. Perfect for terms acceptance, preference toggles, or any binary choice in forms and settings.
Simple Checkbox preview
Installation
Related Components
Indeterminate Checkbox
Checkbox with three-state support
Disabled Checkbox
Non-interactive checkbox states
Todo-Style Checkbox
Checkbox with strikethrough on checked
Vertical List Checkbox
Multiple checkboxes in vertical layout
Toggle Switch
Alternative binary input control
Radio Group
Single-selection alternative
FAQ
Was this page helpful?
Sign in to leave feedback.