Shadcn.io is not affiliated with official shadcn/ui
Collapsible with Icon
A React collapsible with Plus icon and hover underline creating link-style expandable content triggers using shadcn/ui and Lucide React icons
Links reveal content—why not expandables? This React collapsible uses Plus icon from Lucide React with hover:underline creating link-style expandable triggers. Built with shadcn/ui and Radix UI featuring leading Plus icon, gap-2 spacing, and underline affordance on hover. The link aesthetic makes triggers feel lightweight and discoverable—perfect for Show more patterns, expandable footnotes, additional details, supplementary content, or anywhere expandable content should feel like optional exploration rather than prominent interface feature requiring button-style visual weight.
Collapsible with Icon preview
Installation
Related Components
Simple Collapsible
Button-based trigger with ghost variant
Inline Trigger Collapsible
ChevronsUpDown FAQ-style layout
Text-only Collapsible
Text expand trigger without icon
FAQ Item
Plus icon with border styling
Link Button
Button styled as link
Card Collapsible
Card-styled expandable
FAQ
Was this page helpful?
Sign in to leave feedback.
Sidebar with Counts
A React sidebar navigation with Badge count indicators showing item quantities using ChevronRight expansion and border-l visual threading with shadcn/ui
Controlled Collapsible
A React controlled collapsible using useState with open and onOpenChange props for external state management and status display with shadcn/ui