@comparaonline/ui-table

A basic table

Usage no npm install needed!

<script type="module">
  import comparaonlineUiTable from 'https://cdn.skypack.dev/@comparaonline/ui-table';
</script>

README

@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