Accordion component examples

Accordions tuck related content into sections that people can open as needed. The labels have to do most of the work.

Also known as Collapse, Collapsible, Collapsible sections, Details, Disclosure, Expandable, Expandable section, Expander

Related categories

Explore adjacent component patterns.

Tabs

Tab, Tab group, Tab panel, Tabbed interface, Vertical tabs

Drawer

Offcanvas, Tray, Flyout, Sheet, Side modal, Side panel, Slideout

Tree view

Tree, Tree item

Divider

Separator, Horizontal rule, Vertical rule