styledsea
MDX

Heading

Heading components for your MDX documenation

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 'styledsea-docs-interface/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} />,
  }}
/>

Last updated on

Previous

Code Block

Next

Layouts

On this page

Usage
Edit on GitHub