---
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>
