Shadcn.io is not affiliated with official shadcn/ui
Multiple Checkboxes
A React fieldset with multiple checkboxes for settings like desktop item preferences using legend and description built with shadcn/ui
Scattered checkboxes without grouping make forms confusing. This React checkbox group uses FieldSet with FieldLegend to semantically group related options like desktop items or preferences. Built with shadcn/ui Field components and Radix UI Checkbox primitives, each checkbox has horizontal orientation and proper associations. Perfect for settings panels, preference forms, or any multi-select where options share a common category.
Multiple Checkboxes preview
Installation
Related Components
Simple Checkbox
Single checkbox with horizontal layout
Checkbox with Description
Checkbox with helper text for context
Radio with Descriptions
Single selection with detailed options
Fieldset with Legend
Grouped form fields with title
Complex Multi-Field Form
Mixed field types organized together
Multiple Inputs in Group
Grouped text inputs with spacing
FAQ
Was this page helpful?
Sign in to leave feedback.
Checkbox with Description
A React checkbox field with label and description grouped in FieldContent for settings like folder syncing built with shadcn/ui
Radio Buttons
A React radio button group for single-choice selection like notification methods using RadioGroup and horizontal layout built with shadcn/ui