Root Toggle

Switch between page trees

Usages

Add this component to your sidebar or other places you want.

import { DocsLayout } from 'fumadocs-ui/layouts/docs';
import { RootToggle } from 'fumadocs-ui/components/layout/root-toggle';
 
<DocsLayout
  sidebar={{
    banner: (
      <RootToggle
        options={[
          {
            title: 'Folder 1',
            description: 'Pages in folder 1',
            url: '/path/to/page-tree-1',
          },
          {
            title: 'Folder 2',
            description: 'Pages in folder 2',
            url: '/path/to/page-tree-2',
          },
        ]}
      />
    ),
  }}
/>;
Edit on GitHub

Last updated on

On this page