Accordions

Responsive accordion and collapsible content components. Perfect for FAQs, feature lists, and information hierarchies in dashboards and web applications.

5 of 5 components have a dark mode variants

Base

markmead

Simple accordion with chevron expand/collapse indicators

Base (Dark)

markmead

Simple accordion with chevron expand/collapse indicators

Base with category icons

markmead

Accordion items with custom icons for each section

Base with category icons (Dark)

markmead

Accordion items with custom icons for each section

Base with dividers

markmead

Minimal list-style layout using dividers instead of borders

Base with dividers (Dark)

markmead

Minimal list-style layout using dividers instead of borders

Base nested

markmead

Multi-level accordion with parent and child items

Base nested (Dark)

markmead

Multi-level accordion with parent and child items

Base compact

markmead

Space-efficient version with condensed padding and smaller text

Base compact (Dark)

markmead

Space-efficient version with condensed padding and smaller text

View all application components