LogoLexmount Docs
LogoLexmount Docs
Homepage

Introduction

How to Use
X (Twitter)

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

Table of Contents

Usage