レイアウト
レイアウトコンポーネントの一覧です。
概要
Fumadocs UI には、コンテンツを表示するための基本的なレイアウトが用意されています。
レイアウトのリンク
すべてのレイアウトで共通のナビゲーション設定です。
ナビゲーションバー
ナビゲーションバーとヘッダーの設定。
Docs レイアウト
ドキュメントページのレイアウト
Flux レイアウト
極限までミニマルなドキュメント向けレイアウト
Glass レイアウト
半透明のサイドバーとヘッダーがフローティング表示されるドキュメントレイアウト
ホームレイアウト
その他のページで共通して使用するレイアウト
Notebook レイアウト
Docs レイアウトのコンパクト版
Spacious レイアウト
Docs レイアウトよりも余白を広くとったバージョン
ドキュメントページ
ドキュメント内の 1 ページ
Root Provider
Fumadocs UI のコンテキストプロバイダーです。
設定
各レイアウトでは、共通のオプションを利用できます。
これらのオプションは1つのファイルにまとめ、各レイアウトに渡すことをおすすめします。
import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
export function baseOptions(): BaseLayoutProps {
return {
nav: {
title: 'My App',
},
};
}links オプションと nav オプションの詳細は、それぞれのドキュメントを参照してください。
プロパティ
型
How is this guide?
最終更新日
