16aaf55a91
- Updated content collections to include new schemas for better document handling. - Added new documentation files for comparisons, customization, and internationalization. - Introduced a manual installation guide and improved markdown support. - Updated package.json with new dependencies for enhanced functionality. - Added new images for documentation and improved layout components for better user experience. - Adjusted TypeScript configurations for better path management.
33 lines
800 B
Plaintext
33 lines
800 B
Plaintext
---
|
|
title: Notebook
|
|
description: 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.
|
|
|
|
|
|
|
|
```tsx title="layout.tsx"
|
|
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}
|
|
>
|
|
{children}
|
|
</DocsLayout>
|
|
);
|
|
}
|
|
```
|