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
    链接到手风琴