LogoPatentFig ドキュメント
LogoPatentFig ドキュメント
ホームページ

Introduction

Quick StartWhat is FumadocsComparisons

Setup

Manual InstallationStatic Export

Writing

MarkdownInternationalization

UI

OverviewSearch
Components
MDX
CalloutCardCode BlockHeading
X (Twitter)
MDX

Heading

Heading components for your MDX documentation

Hello World

Hello World Everyone!

The heading component which automatically adds the id prop.

Usage

Add it to your MDX components, from h1 to h6.

import { Heading } from 'fumadocs-ui/components/heading';

<MDX
  components={{
    h1: (props) => <Heading as="h1" {...props} />,
    h2: (props) => <Heading as="h2" {...props} />,
    h3: (props) => <Heading as="h3" {...props} />,
    h4: (props) => <Heading as="h4" {...props} />,
    h5: (props) => <Heading as="h5" {...props} />,
    h6: (props) => <Heading as="h6" {...props} />,
  }}
/>

Code Block

Adding code blocks to your docs

Docs Layout

The layout of documentation

目次

Usage