Shadcn.io is not affiliated with official shadcn/ui
Simple Checkbox
A React checkbox field with horizontal layout for inline agreement forms like terms and conditions built with shadcn/ui
Nobody likes vertically stacked labels that make checkboxes feel detached. This React checkbox uses horizontal orientation from shadcn/ui Field component—checkbox and label side-by-side just like users expect. Built with Radix UI Checkbox primitives and proper htmlFor/id associations, it's perfect for terms agreements, newsletter subscriptions, or any quick yes/no choice where inline layout feels natural.
Simple Checkbox preview
Installation
Related Components
Checkbox with Description
Checkbox with helper text for context
Multiple Checkboxes
Grouped checkboxes in fieldset
Simple Switch
Toggle switch for on/off states
Radio Buttons
Single selection from multiple options
Simple Input with Label
Basic text input with label
Fieldset with Legend
Grouped form fields with title
FAQ
Was this page helpful?
Sign in to leave feedback.
Textarea with Detailed Instructions
A React textarea field with comprehensive multi-sentence instructions for issue reporting including steps to reproduce and response timeframe built with shadcn/ui
Multiple Checkboxes
A React fieldset with multiple checkboxes for settings like desktop item preferences using legend and description built with shadcn/ui