Accordion
Add Accordions to your documentation
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 | Default |
|---|---|---|
orientation? | "horizontal" | "vertical" | vertical |
disabled? | boolean | false |
type | "single" | "multiple" | - |
asChild? | boolean | - |
Accordion
| Prop | Type | Default |
|---|---|---|
value? | string | - |
disabled? | boolean | false |
asChild? | boolean | - |
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