手风琴

在文档中添加手风琴组件

Historical Fumadocs template

旧模板文档为历史链接保留，内容不作为当前 ClaudeSkills 产品指南。

这里保留既有编辑译文；如有最新完整官方参考，会在下方独立提供英文原文。

查看来源

本页目录

使用方法

使用方法

基于 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 时，它将被用作值。