Layouts
Notebook
A more compact version of Docs Layout
Usage
Enable the notebook layout with fumadocs-ui/layouts/notebook, it's a more compact layout than the default one.
ImagineClip DocsWe use cookies
Essential cookies keep the app working. Optional analytics, support, and marketing cookies help us improve the site and services. Cookie Policy.
A more compact version of Docs Layout
Enable the notebook layout with fumadocs-ui/layouts/notebook, it's a more compact layout than the default one.
import { DocsLayout } from 'fumadocs-ui/layouts/notebook';
import { baseOptions } from '@/app/layout.config';
import { source } from '@/lib/source';
import type { ReactNode } from 'react';
export default function Layout({ children }: { children: ReactNode }) {
return (
<DocsLayout
{...baseOptions}
// the position of navbar
nav={{ ...baseOptions.nav, mode: 'top' }}
// the position of Sidebar Tabs
tabMode="navbar"
tree={source.pageTree}
>