LogoStartup0 文档
Components

文件

在文档中显示文件结构

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 仓库信息

目录