LogoPolyImg Docs
LogoPolyImg Docs
Homepage

Introduction

Quick StartWhat is FumadocsComparisons

Setup

Manual InstallationStatic Export

Writing

MarkdownInternationalization

UI

OverviewThemesSearch
Components
Accordion
Banner
Code Block (Dynamic)
Files
GitHub Info
Zoomable Image
Inline TOC
Root Toggle
Steps
Tabs
Type Table
MDX
X (Twitter)
Components

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',
          },
        ]}
      />
    ),
  }}
/>;

Inline TOC

Add Inline TOC into your documentation

Steps

Adding steps to your docs

Table of Contents

Usages