LogoMkSaaS文档
LogoMkSaaS文档
首页

介绍

快速入门什么是 Fumadocs对比

设置

手动安装静态导出

写作

Markdown国际化

UI

概览主题搜索
组件
手风琴横幅代码块(动态)文件GitHub 信息可缩放图片内联目录根切换器步骤选项卡类型表格
MDX
X (Twitter)
组件

手风琴

在文档中添加手风琴组件

使用方法

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

组件

改进文档的额外组件

横幅

在您的网站添加横幅

目录

使用方法
Accordions
Accordion
链接到手风琴