Accordion

1 min readStableBeginner

The Accordion component creates collapsible content sections — ideal for FAQs and troubleshooting guides.

Quick Start

A single collapsible section.

MDX lets you write JSX in Markdown documents.

Multiple stacked accordions, each independent.

OwnDocs uses JWT-based session cookies for private mode.

Yes. Set the THEME_VARIANT environment variable to any of 26 options.

Use defaultOpen to start expanded, and id for URL hash deep-linking.

This starts expanded on page load.

Linking to /features/components/accordion#faq-direct opens this automatically.

titlestringrequired

Heading text on the toggle button.

idstring

Enables URL hash deep-linking.

defaultOpenbooleanDefault: false

Starts expanded on load.

childrenReactNoderequired

Content shown when the accordion is expanded.

Was this page helpful?