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

Table of Contents