Accordion
Add Accordions to your documentation
Install to your codebase
Easier customisation & control.
Usage
Based on Radix UI Accordion, useful for FAQ sections.
import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
<Accordions type="single">
<Accordion title="My Title">My Content</Accordion>
</Accordions>Accordions
Prop
Type
Accordion
Prop
Type
Linking to Accordion
You can specify an id for accordion. The accordion will automatically open when the user is navigating to the page with the specified id in hash parameter.
<Accordions>
<Accordion title="My Title" id="my-title">
My Content
</Accordion>
</Accordions>The value of accordion is same as title by default. When an id presents, it will be used as the value instead.
How is this guide?
Last updated on