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

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