Terjemahan Imej logoDokumen Image Translate
Terjemahan Imej logoDokumen Image Translate
Laman utama

Introduction

Quick StartWhat is FumadocsComparisons

Setup

Manual InstallationStatic Export

Writing

MarkdownInternationalization

UI

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

Jadual Kandungan

Usages