1
0
Fork 0

[react] feat: Added docs for components/Breadcrumbs

This commit is contained in:
joostdecock 2025-05-09 18:00:43 +02:00
parent 5ec2a2a1da
commit 8f53b047a6
4 changed files with 53 additions and 13 deletions

View file

@ -0,0 +1,15 @@
import React from 'react'
import { Breadcrumbs } from '@freesewing/react/components/Breadcrumbs'
export const BreadcrumbsExample = () => (
<Breadcrumbs
title="Breadcrumbs"
crumbs={[
{ href: '/reference/', label: 'Reference' },
{ href: '/reference/packages/', label: 'Packages' },
{ href: '/reference/packages/@freesewing/react/', label: '@freesewing/react' },
{ href: '/reference/packages/@freesewing/react/components/', label: 'React Components' },
]}
/>
)

View file

@ -2,6 +2,23 @@
title: Breadcrumbs
---
:::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 { MiniNote } from '@freesewing/react/components/Mini'
import { jsdocBreadcrumbs } from '@site/prebuild/jsdoc/components.breadcrumbs.mjs'
import { BreadcrumbsExample } from './_examples.js'
<DocusaurusDoc>
The **Breadcrumbs** component family provides the following components:
- [Breadcrumbs ](#breadcrumbs)
## Breadcrumbs
<MiniNote>This component is different from the Docusaurus breadcrumbs</MiniNote>
<br />
<ComponentDocs docs={jsdocBreadcrumbs} example={BreadcrumbsExample} />
</DocusaurusDoc>