[react] feat: Added docs for components/Heading

sites/dev/docs/reference/packages/react/components/heading/_examples.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import {
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+} from '@freesewing/react/components/Heading'
+
+export const H1Example = () => <H1>This is H1</H1>
+export const H2Example = () => <H2>This is H2</H2>
+export const H3Example = () => <H3>This is H3</H3>
+export const H4Example = () => <H4>This is H4</H4>
+export const H5Example = () => <H5>This is H5</H5>
+export const H6Example = () => <H6>This is H6</H6>
+

sites/dev/docs/reference/packages/react/components/heading/readme.mdx

@@ -2,6 +2,53 @@
 title: Heading
 ---
 
-:::note
-This page is yet to be created
-:::
+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>