othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

table components props into the same doc page

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-03-25 16:57:59 -03:00 committed by James A. Petts
parent ec1e1933e8
commit 00df4a1f31
5 changed files with 22 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
platform/ui/src/components/Table/Table.mdx
View File

@ -13,8 +13,11 @@ Tables display sets of data.
## Import ## Import
Check the given example below to see how to import each component to create a
table.
```javascript ```javascript
import { Table } from '@ohif/ui'; import { Table, TableBody, TableCell, TableHead, TableRow } from '@ohif/ui';
``` ```
## Basic usage ## Basic usage
@ -96,16 +99,24 @@ Table has full width by default. If you want to change its width, you will have
to set the `fullWidth` prop to `false` and then define your own table width by to set the `fullWidth` prop to `false` and then define your own table width by
passing a `className` or `style`. passing a `className` or `style`.
## Table components
<Link to="components/table-head">TableHead</Link>
<br />
<Link to="components/table-body">TableBody</Link>
<br />
<Link to="components/table-row">TableRow</Link>
<br />
<Link to="components/table-cell">TableCell</Link>
## Properties ## Properties
### Table Props
<Props of={Table} /> <Props of={Table} />
### TableHead Props
<Props of={TableHead} />
### TableBody Props
<Props of={TableBody} />
### TableRow Props
<Props of={TableRow} />
### TableCell Props
<Props of={TableCell} />

36
platform/ui/src/components/TableBody/TableBody.mdx
View File

@ -1,36 +0,0 @@
---
name: Table Body
menu: Components
route: components/table-body
---
import { Playground, Props, Link } from 'docz';
import { TableBody } from '@ohif/ui';
# Table Body
## Import
```javascript
import { TableBody } from '@ohif/ui';
```
## Basic usage
<div>
For examples on how to use the table elements, go to the <Link className="text-blue-500 underline" to="components/table">Table</Link> page.
</div>
## Table components
<Link to="components/table-head">TableHead</Link>
<br />
<Link to="components/table-body">TableBody</Link>
<br />
<Link to="components/table-row">TableRow</Link>
<br />
<Link to="components/table-cell">TableCell</Link>
## Properties
<Props of={TableBody} />

36
platform/ui/src/components/TableCell/TableCell.mdx
View File

@ -1,36 +0,0 @@
---
name: Table Cell
menu: Components
route: components/table-cell
---
import { Playground, Props, Link } from 'docz';
import { TableCell } from '@ohif/ui';
# Table Cell
## Import
```javascript
import { TableCell } from '@ohif/ui';
```
## Basic usage
<div>
For examples on how to use the table elements, go to the <Link className="text-blue-500 underline" to="components/table">Table</Link> page.
</div>
## Table components
<Link to="components/table-head">TableHead</Link>
<br />
<Link to="components/table-body">TableBody</Link>
<br />
<Link to="components/table-row">TableRow</Link>
<br />
<Link to="components/table-cell">TableCell</Link>
## Properties
<Props of={TableCell} />

36
platform/ui/src/components/TableHead/TableHead.mdx
View File

@ -1,36 +0,0 @@
---
name: Table Head
menu: Components
route: components/table-head
---
import { Playground, Props, Link } from 'docz';
import { TableHead } from '@ohif/ui';
# Table Head
## Import
```javascript
import { TableHead } from '@ohif/ui';
```
## Basic usage
<div>
For examples on how to use the table elements, go to the <Link className="text-blue-500 underline" to="components/table">Table</Link> page.
</div>
## Table components
<Link to="components/table-head">TableHead</Link>
<br />
<Link to="components/table-body">TableBody</Link>
<br />
<Link to="components/table-row">TableRow</Link>
<br />
<Link to="components/table-cell">TableCell</Link>
## Properties
<Props of={TableHead} />

36
platform/ui/src/components/TableRow/TableRow.mdx
View File

@ -1,36 +0,0 @@
---
name: Table Row
menu: Components
route: components/table-row
---
import { Playground, Props, Link } from 'docz';
import { TableRow } from '@ohif/ui';
# Table Row
## Import
```javascript
import { TableRow } from '@ohif/ui';
```
## Basic usage
<div>
For examples on how to use the table elements, go to the <Link className="text-blue-500 underline" to="components/table">Table</Link> page.
</div>
## Table components
<Link to="components/table-head">TableHead</Link>
<br />
<Link to="components/table-body">TableBody</Link>
<br />
<Link to="components/table-row">TableRow</Link>
<br />
<Link to="components/table-cell">TableCell</Link>
## Properties
<Props of={TableRow} />