1
0
Fork 0

[react] feat: Added docs for components/Table

This commit is contained in:
joostdecock 2025-05-29 13:19:47 +02:00
parent f92a182992
commit 88d0c92a6d
4 changed files with 84 additions and 6 deletions

View file

@ -0,0 +1,32 @@
import React from 'react'
import { Table, TableWrapper } from '@freesewing/react/components/Table'
export const TableExample = () => (
<Table>
<thead>
<tr>
<th>Color</th>
<th>Shape</th>
<th>Size</th>
</tr>
</thead>
<tbody>
<tr>
<td>Orange</td>
<td>Round</td>
<td>Small</td>
</tr>
<tr>
<td>Pink</td>
<td>Square</td>
<td>Tiny</td>
</tr>
<tr>
<td>Purple</td>
<td>Round</td>
<td>Large</td>
</tr>
</tbody>
</Table>
)
export const TableWrapperExample = () => <TableWrapper><TableExample /></TableWrapper>

View file

@ -2,6 +2,28 @@
title: Table
---
:::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 * as jsdoc from '@site/prebuild/jsdoc/components.table.mjs'
import { TableExample, TableWrapperExample } from './_examples.js'
<DocusaurusDoc>
- [Components](#components)
## Components
The **Table** component family provides the following components:
- [Table](#table)
- [TableWrapper](#tablewrapper)
### Table
<ComponentDocs docs={jsdoc.jsdocTable} example={TableExample} />
### TableWrapper
<ComponentDocs docs={jsdoc.jsdocTableWrapper} example={TableWrapperExample} />
</DocusaurusDoc>