[react] feat: Added docs for components/Mini

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

@@ -0,0 +1,6 @@
+import React from 'react'
+import { MiniNote, MiniTip, MiniWarning } from '@freesewing/react/components/Mini'
+
+export const MiniNoteExample = () => <MiniNote>I am a note, a mini note</MiniNote>
+export const MiniTipExample = () => <MiniTip>I am a tip, a mini tip</MiniTip>
+export const MiniWarningExample = () => <MiniWarning>I am a warning, a mini warning</MiniWarning>

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

@@ -2,6 +2,39 @@
 title: Mini
 ---
 
-:::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 * as jsdoc from '@site/prebuild/jsdoc/components.mini.mjs'
+import {
+  MiniNoteExample,
+  MiniTipExample,
+  MiniWarningExample,
+} from './_examples.js'
+
+
+<DocusaurusDoc>
+
+The __Mini__ component family provides the following components:
+
+- [MiniNote](#mininote)
+- [MiniTip](#minitip)
+- [MiniWarning](#miniwarning)
+
+:::tip
+These components are typically used when a
+[Popout](/reference/packages/react/components/popout/) would take up too much
+space.
 :::
+
+
+## MiniNote
+<ComponentDocs docs={jsdoc.jsdocMiniNote} example={MiniNoteExample} />
+
+## MiniTip
+<ComponentDocs docs={jsdoc.jsdocMiniTip} example={MiniTipExample} />
+
+## MiniWarning
+<ComponentDocs docs={jsdoc.jsdocMiniWarning} example={MiniWarningExample} />
+
+</DocusaurusDoc>
+