LogoMkSaaS文档
LogoMkSaaS文档
首页

介绍

快速入门什么是 Fumadocs对比

设置

手动安装静态导出

写作

Markdown国际化

UI

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

手风琴

在文档中添加手风琴组件

使用方法

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

Components

Additional components to improve your docs

横幅

在您的网站添加横幅

目录

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