Layouts

主页布局

其他页面的共享布局

使用方法

在其他页面上添加导航栏和搜索对话框。

/app/(home)/layout.tsx

import { HomeLayout } from 'fumadocs-ui/layouts/home';
import { baseOptions } from '@/app/layout.config';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <HomeLayout {...baseOptions}>{children}</HomeLayout>;
}

创建一个路由组来在多个页面之间共享相同的布局。

page.tsx

layout.tsx

文档布局

文档的布局

笔记本

文档布局的更紧凑版本

主页布局

其他页面的共享布局

使用方法

在其他页面上添加导航栏和搜索对话框。

/app/(home)/layout.tsx

import { HomeLayout } from 'fumadocs-ui/layouts/home';
import { baseOptions } from '@/app/layout.config';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <HomeLayout {...baseOptions}>{children}</HomeLayout>;
}

创建一个路由组来在多个页面之间共享相同的布局。

page.tsx

layout.tsx

文档布局

文档的布局

笔记本

文档布局的更紧凑版本

主页布局

使用方法

Table of Contents

主页布局

使用方法

Table of Contents