LogoMkSaaS Docs
    LogoMkSaaS Docs
    Homepage

    Introduction

    Quick StartWhat is FumadocsComparisons

    Setup

    Manual InstallationStatic Export

    Writing

    MarkdownInternationalization

    UI

    OverviewThemesSearch
    Components
    AccordionBannerCode Block (Dynamic)FilesGitHub InfoZoomable ImageInline TOCRoot ToggleStepsTabsType 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