Shadcn.io is not affiliated with official shadcn/ui
Icon with Plus Trigger
An accordion combining category icons with plus/minus toggle indicators for maximum visual clarity and affordance
Why choose between category icons and bold toggles when you can have both? This React accordion puts Lucide React icons for content type on the left and plus/minus indicators on the right. Built with shadcn/ui and Radix UI, it's the most expressive accordion pattern—users instantly know what's inside and how to interact with it. Perfect for complex interfaces with diverse content types.
Icon with Plus Trigger preview
Installation
Related Components
Icon Accordion
Same icon pattern with chevron indicators
Standard with Plus Trigger
Plus/minus accordion without icons
Full Featured Accordion
Icons, plus/minus, and subtitles combined
Multi-level with Icons
Nested accordion with icon indicators
Accordion Form with Icons
Form sections with icon and plus/minus
Accordion with Subtitle
Accordion with additional context per item
FAQ
Was this page helpful?
Sign in to leave feedback.