---
title: Heading
---
import { DocusaurusDoc } from '@freesewing/react/components/Docusaurus'
import { ComponentDocs } from '@site/src/components/component-docs.js'
import {
jsdocH1,
jsdocH2,
jsdocH3,
jsdocH4,
jsdocH5,
jsdocH6,
} from '@site/prebuild/jsdoc/components.heading.mjs'
import {
H1Example,
H2Example,
H3Example,
H4Example,
H5Example,
H6Example,
} from './_examples.js'
<DocusaurusDoc>
The **Button** component family provides the following components:
- [H1](#h1)
- [H2](#h2)
- [H3](#h3)
- [H4](#h4)
- [H5](#h5)
- [H6](#h6)
## H1
<ComponentDocs docs={jsdocH1} example={H1Example} />
## H2
<ComponentDocs docs={jsdocH2} example={H2Example} />
## H3
<ComponentDocs docs={jsdocH3} example={H3Example} />
## H4
<ComponentDocs docs={jsdocH4} example={H4Example} />
## H5
<ComponentDocs docs={jsdocH5} example={H5Example} />
## H6
<ComponentDocs docs={jsdocH6} example={H6Example} />
</DocusaurusDoc>
