コンテンツへスキップ
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

fumadocs-ui パッケージを直接インストールすると、Radix UI を使用できます:

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

Fumadocs CLI の場合は、cli.json 設定ファイルで次のように設定します。

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

How is this guide?

最終更新日