Fumadocs

Accordion

将折叠面板添加到您的文档中

Install to your codebase

Easier customisation & control.

使用方法

基于 Radix UI Accordion,适用于 FAQ 部分。

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

链接到 Accordion

您可以为折叠面板指定一个 id。当用户导航到带有指定 id 的哈希参数的页面时,折叠面板将自动打开。

<Accordions>
<Accordion title="My Title" id="my-title">

My Content

</Accordion>
</Accordions>

折叠面板的值默认与标题相同。当存在 id 时,将使用 id 作为值。

How is this guide?

Last updated on