Inline TOC

Add Inline TOC into your documentation

Usage

Pass TOC items to the component.

import { InlineTOC } from 'fumadocs-ui/components/inline-toc';
 
<InlineTOC items={toc} />

You can add inline TOC into every page.

<DocsPage>
  ...
  <InlineTOC items={toc} />
  ...
</DocsPage>

How is this guide?

Zoomable Image

Allow zoom-in images in your documentation

Root Toggle

Switch between page trees