[react] feat: Added docs for components/Table
This commit is contained in:
parent
f92a182992
commit
88d0c92a6d
4 changed files with 84 additions and 6 deletions
|
@ -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>
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue