LogoMkSaaS文档
    LogoMkSaaS文档
    首页

    介绍

    快速入门什么是 Fumadocs对比

    设置

    手动安装静态导出

    写作

    Markdown国际化

    UI

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

    文件

    在文档中显示文件结构

    page.tsx
    layout.tsx
    page.tsx
    global.css
    package.json

    使用方法

    将文件组件包装在 Files 中。

    import { File, Folder, Files } from 'fumadocs-ui/components/files';
    
    <Files>
      <Folder name="app" defaultOpen>
        <File name="layout.tsx" />
        <File name="page.tsx" />
        <File name="global.css" />
      </Folder>
      <Folder name="components">
        <File name="button.tsx" />
        <File name="tabs.tsx" />
        <File name="dialog.tsx" />
      </Folder>
      <File name="package.json" />
    </Files>

    File

    Folder

    代码块(动态)

    也能高亮代码的代码块

    GitHub 信息

    显示您的 GitHub 仓库信息

    目录

    使用方法
    File
    Folder