Shadcn.io is not affiliated with official shadcn/ui
With Subtitle and Description
A React checkbox combining inline subtitle badge and multi-line description for maximum context like Recommended settings using shadcn/ui
Maximum information density—some checkboxes need it all. This React checkbox combines inline subtitle badge (Recommended) with multi-line description text below, layering context vertically. Built with shadcn/ui using items-baseline for label-subtitle alignment and space-y-1 for label-description stacking. The mt-1 checkbox alignment keeps it at label baseline while subtitle and description flow below. Perfect for important settings needing both recommendation indicators and detailed explanations, feature toggles with qualification and consequences, or critical permissions requiring multi-level context.
With Subtitle and Description preview
Installation
Related Components
Checkbox with Description
Description text only
Checkbox with Subtitle
Inline subtitle badge only
Simple Checkbox
Basic checkbox without extras
Right-Aligned Checkbox
Settings-style layout
Disabled Checkbox
Non-interactive states
Vertical List Checkbox
Multiple stacked checkboxes
FAQ
Was this page helpful?
Sign in to leave feedback.