VSinerva/freesewing
1
0
Fork 0
Code Activity

[react] feat: Added docs for components/Highlight

Browse source
This commit is contained in:
joostdecock 2025-05-10 16:21:24 +02:00
parent 05ea157ef9
commit 32d08c923c
4 changed files with 40 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

11
sites/dev/docs/reference/packages/react/components/highlight/_examples.js Normal file
View file

@ -0,0 +1,11 @@
import React from 'react'
import { Highlight } from '@freesewing/react/components/Highlight'
export const HighlightExample = () => (
<Highlight language="js">{[
`import { Highlight } from '@freesewing/react/components/Highlight'`,
``,
`<Highlight language="js">This is an example</Highlight>`,
].join("\n")}</Highlight>
)

20
sites/dev/docs/reference/packages/react/components/highlight/readme.mdx
View file

@ -2,6 +2,20 @@
title: Highlight
---
:::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 { jsdocHighlight } from '@site/prebuild/jsdoc/components.highlight.mjs'
import { HighlightExample } from './_examples.js'
<DocusaurusDoc>
The **Highlight** component family provides the following components:
- [Highlight](#highlight)
## Highlight
<ComponentDocs docs={jsdocHighlight} example={HighlightExample} />
</DocusaurusDoc>