Shadcn.io is not affiliated with official shadcn/ui
With Description
A React checkbox with multi-line description text below label for detailed explanations using shadcn/ui and Tailwind typography
Sometimes checkbox labels need more than a few words. This React checkbox adds multi-line description text below the label using space-y-1 vertical stacking and text-muted-foreground for hierarchy. Built with shadcn/ui with mt-1 checkbox alignment keeping it at label baseline while description flows below. The items-start flex ensures checkbox stays top-aligned as description wraps. Perfect for settings with consequences, permissions needing explanation, marketing opt-ins with legal detail, or any checkbox where informed consent requires context beyond brief labels.
With Description preview
Installation
Related Components
Simple Checkbox
Basic checkbox without description
Subtitle and Description
Both inline badge and description
Checkbox with Subtitle
Inline subtitle only
Right-Aligned Checkbox
Alternate vertical layout
Vertical List Checkbox
Multiple stacked checkboxes
Disabled Checkbox
Non-interactive states
FAQ
Was this page helpful?
Sign in to leave feedback.