Heading

Heading components for your MDX documentation

Historical Fumadocs template

Historical template documentation, retained for existing links. It is not current ClaudeSkills product guidance.

View source

On this page

Usage

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} />,
  }}
/>