Components
Table

Table

The Table component provides you with data tables and lists.

Live Examples

Storybook: components-table--default
Storybook: components-table--striped
Storybook: components-table--bordered

Code Examples

import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@nostromo/ui-core'
 
export default function TableExample() {
  return (
    <Table>
      <TableHeader>
        <TableRow>
          <TableHead>Name</TableHead>
          <TableHead>Email</TableHead>
          <TableHead>Status</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        <TableRow>
          <TableCell>John Doe</TableCell>
          <TableCell>john@example.com</TableCell>
          <TableCell>Active</TableCell>
        </TableRow>
        <TableRow>
          <TableCell>Jane Smith</TableCell>
          <TableCell>jane@example.com</TableCell>
          <TableCell>Active</TableCell>
        </TableRow>
      </TableBody>
    </Table>
  )
}

Props

All Table components accept standard HTML props.