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

---
title: Docusaurus
---

import { DocusaurusDoc } from '@freesewing/react/components/Docusaurus'
import { ComponentDocs } from '@site/src/components/component-docs.js'
import {
  jsdocDocusaurusDoc,
  jsdocDocusaurusPage,
  jsdocNavbarItem,
} from '@site/prebuild/jsdoc/components.docusaurus.mjs'
import { DocusaurusDocExample, DocusaurusPageExample, NavbarItemExample } from './_examples.js'

<DocusaurusDoc>

- [Components](#components)

## Components

The **Docusaurus** component family provides the following components:

- [DocusaurusDoc](#docusaurusdoc)
- [DocusaurusPage](#docusauruspage)
- [NavbarItem](#navbaritem)

### DocusaurusDoc

<ComponentDocs docs={jsdocDocusaurusDoc} example={DocusaurusDocExample} />

### DocusaurusPage

<ComponentDocs docs={jsdocDocusaurusPage} example={DocusaurusPageExample} />

### NavbarItem

<ComponentDocs docs={jsdocNavbarItem} example={NavbarItemExample} />

</DocusaurusDoc>