手风琴
在文档中添加手风琴组件
使用方法
基于 Radix UI Accordion,对 FAQ 部分特别有用。
import React from 'react';
import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
<Accordions type="single">
<Accordion title="我的标题">我的内容</Accordion>
</Accordions>;
Accordions
Accordion
链接到手风琴
您可以为手风琴指定一个 id
。当用户导航到带有指定 id
的哈希参数的页面时,手风琴将自动打开。
<Accordions>
<Accordion title="我的标题" id="my-title">
我的内容
</Accordion>
</Accordions>
手风琴的值默认与标题相同。当存在 id 时,它将被用作值。