[react] feat: Added docs for components/Json

sites/dev/docs/reference/packages/react/components/json/_examples.js

@@ -0,0 +1,20 @@
+import React from 'react'
+import { Json } from '@freesewing/react/components/Json'
+
+export const JsonExample = () => (
+  <Json js={{
+    pizzas: [
+      {
+        size: 'lg',
+        toppings: ['tomato', 'pineapple', 'chorizo', 'mozarella'],
+        crust: 'classic'
+      },
+      {
+        size: 'lg',
+        toppings: ['tomato', 'pineapple', 'cupped_chorizo', 'mozarella'],
+        crust: 'cheesy'
+      },
+    ],
+    pickup: false
+  }} />
+)

sites/dev/docs/reference/packages/react/components/json/readme.mdx

@@ -1,7 +1,20 @@
 ---
 title: Json
 ---
+import { DocusaurusDoc } from '@freesewing/react/components/Docusaurus'
+import { ComponentDocs } from '@site/src/components/component-docs.js'
+import * as jsdoc from '@site/prebuild/jsdoc/components.json.mjs'
+import { JsonExample } from './_examples.js'
+
+
+<DocusaurusDoc>
+
+The __Json__ component family provides the following components:
+
+- [Json](#json)
+
+## Json
+<ComponentDocs docs={jsdoc.jsdocJson} example={JsonExample} />
+
+</DocusaurusDoc>
 
-:::note
-This page is yet to be created
-:::