@comparaonline/ui-table

A basic table

Installation

yarn add @comparaonline/ui-table

Usage

import {
  Table,
  TableBody,
  TableHead,
  TableRow,
  TableHeaderCell,
  TableDataCell
} from '@comparaonline/ui-table';

<Table>
  <TableBody>
    <TableRow>
      <TableDataCell>TableRow must be a child of a TableBody</TableDataCell>
    </TableRow>
  </TableBody>
</Table>

Table

Renders a table tag.

| prop | required | type | default | description | | ------------ | -------- | ------ | ------- | ------------------------------------------ | | borderless | false | bool | true | If true, the table will have an outer line |

TableRow

Renders a tr tag

TableDataCell

Renders a td tag

| prop | required | type | default | description | | ------- | -------- | -------- | --------- | ------------------------------ | | align | false | string | inherit | The text alignment of the cell | | width | false | string | auto | The width of the cell |

TableHeaderCell

Renders a th tag

| prop | required | type | default | description | | ------- | -------- | -------- | --------- | ------------------------------ | | align | false | string | inherit | The text alignment of the cell | | width | false | string | auto | The width of the cell |