---
title: Patrons
---

import { DocusaurusDoc } from '@freesewing/react/components/Docusaurus'
import { ComponentDocs } from '@site/src/components/component-docs.js'
import * as jsdoc from '@site/prebuild/jsdoc/components.patrons.mjs'
import { Joost, Plea, PleaseSubscribe, Subscribe } from '@freesewing/react/components/Patrons'

<DocusaurusDoc>

- [Components](#components)

## Components

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

- [Joost](#joost)
- [Plea](#plea)
- [PleaseSubscribe](#pleasesubscribe)
- [Subscribe](#subscribe)

### Joost

<ComponentDocs docs={jsdoc.jsdocJoost} example={Joost} />

### Plea

<ComponentDocs docs={jsdoc.jsdocPlea} example={Plea} />

### PleaseSubscribe

<ComponentDocs docs={jsdoc.jsdocPleaseSubscribe} example={PleaseSubscribe} />

### Subscribe

<ComponentDocs docs={jsdoc.jsdocSubscribe} example={Subscribe} />

</DocusaurusDoc>