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.