跳至內容
Fumadocs

元件庫

底層的無頭式元件庫。

概覽

Fumadocs UI 同時支援 Base UI 與 Radix UI,並預設使用 Base UI。

若您使用 Fumadocs CLI 自訂元件,設定方式可能會有所不同。

Base UI

Base UI 是預設的元件庫。若您採用手動安裝,請將 fumadocs-ui 設為 @fumadocs/base-ui 套件的別名:

package.json
{
  "dependencies": {
    "fumadocs-ui": "npm:@fumadocs/base-ui@latest",
    // 請確認已安裝 Base UI
    "@base-ui/react": "..."
  }
}

在 Fumadocs CLI 中,這是 uiLibrary 的預設值:

cli.json
{
  "uiLibrary": "base-ui"
}

Radix UI

若要改用 Radix UI,可以直接安裝 fumadocs-ui 套件:

package.json
{
  "dependencies": {
    "fumadocs-ui": "latest"
  }
}

若使用 Fumadocs CLI,請在 cli.json 設定檔中進行設定:

cli.json
{
  "uiLibrary": "radix-ui"
}

How is this guide?

最後更新於