40 lines
901 B
Text
40 lines
901 B
Text
---
|
|
title: Mini
|
|
---
|
|
|
|
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>
|
|
|