Accordion
Free
A vertically stacked set of interactive headings that each reveal a section of content.
Installation
Install via CLI
moonui add accordionUsage
Examples
Single Type
Allow only one item to be expanded at a time.
Multiple Type
Allow multiple items to be expanded at the same time.
Yes! MoonUI is fully compatible with Next.js and supports both App Router and Pages Router.
Absolutely! All components are built with Tailwind CSS and can be customized using utility classes.
With Icons
Add icons to accordion triggers for better visual hierarchy.