Formion LogoMkSaaS文檔
Formion 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