Table

Renders a table.

Usage

import { Table } from '@binarycapsule/ui-capsules';

Demo

View source on GitHub
LoremIpsum
FringillaJusto
ParturientEtiam Mattis Condimentum

Knobs 🎛

left
<Table>
  <TableHead>
    <TableHeaderCell>Lorem</TableHeaderCell>
    <TableHeaderCell>Ipsum</TableHeaderCell>
  </TableHead>
  <TableBody>
    <TableRow>
      <TableCell>Fringilla</TableCell>
      <TableCell>Justo</TableCell>
    </TableRow>
    <TableRow>
      <TableCell>Parturient</TableCell>
      <TableCell>Etiam Mattis Condimentum</TableCell>
    </TableRow>
  </TableBody>
</Table>

Props

NameDescription
textAlign
"left" | "center" | "right"(Default: "left")
Text alignment in the cells. This prop should be passed to Table.Cell and Table.HeaderCell.
noWrap
boolean(Default: "false")
If true, the text does not wrap. This prop should be passed to Table.Cell and Table.HeaderCell. Do not use it for long text.