MkSaaS Docs
MkSaaS Docs
Homepage

介绍

快速入门什么是 Fumadocs对比

设置

手动安装静态导出

写作

Markdown国际化

UI

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

手风琴

在文档中添加手风琴组件

使用方法

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

组件

改进文档的额外组件

手风琴

在文档中添加手风琴组件

Table of Contents

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