Files - Speed Docs

You can render files in your documentation by using the Files component.

files.mdx

---
title: 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>

which will be rendered as:

layout.tsx

page.tsx

global.css

package.json