NeoTerm UI

Table

Terminal-styled data table built on HTML table elements.

Import

import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "neoterm-ui";

Usage

<Table>
  <TableHeader>
    <TableRow>
      <TableHead>Name</TableHead>
      <TableHead>Status</TableHead>
      <TableHead>Uptime</TableHead>
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell>api-server</TableCell>
      <TableCell>Online</TableCell>
      <TableCell>14d 6h</TableCell>
    </TableRow>
  </TableBody>
</Table>

Subcomponents

PropTypeDefaultDescription
TabletableRoot table element with terminal styles.
TableHeadertheadTable header group.
TableBodytbodyTable body group.
TableFootertfootTable footer group.
TableRowtrTable row.
TableHeadthHeader cell.
TableCelltdBody cell.
TableCaptioncaptionTable caption.