Table

The <Table /> component extends the native <table /> component and the related child components.

Copy
import { Table } from 'minerva-ui';

Name
Job
Status
Role
Test
Tester
Testing
Test Master
Edit
Test
Tester
Testing
Test Master
Edit
<Table>
  <TableHeader>
    <TableRow>
      <TableHeaderCell>Name</TableHeaderCell>
      <TableHeaderCell>Job</TableHeaderCell>
      <TableHeaderCell>Status</TableHeaderCell>
      <TableHeaderCell>Role</TableHeaderCell>
      <TableHeaderCell />
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell>Test</TableCell>
      <TableCell>Tester</TableCell>
      <TableCell>Testing</TableCell>
      <TableCell>Test Master</TableCell>
      <TableCell>
        <Link>Edit</Link>
      </TableCell>
    </TableRow>
    <TableRow>
      <TableCell>Test</TableCell>
      <TableCell>Tester</TableCell>
      <TableCell>Testing</TableCell>
      <TableCell>Test Master</TableCell>
      <TableCell>
        <Link>Edit</Link>
      </TableCell>
    </TableRow>
  </TableBody>
</Table>
<Table>
  <TableHeader>
    <TableRow>
      <TableHeaderCell>Name</TableHeaderCell>
      <TableHeaderCell>Job</TableHeaderCell>
      <TableHeaderCell>Status</TableHeaderCell>
      <TableHeaderCell>Role</TableHeaderCell>
      <TableHeaderCell />
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell>Test</TableCell>
      <TableCell>Tester</TableCell>
      <TableCell>Testing</TableCell>
      <TableCell>Test Master</TableCell>
      <TableCell>
        <Link>Edit</Link>
      </TableCell>
    </TableRow>
    <TableRow>
      <TableCell>Test</TableCell>
      <TableCell>Tester</TableCell>
      <TableCell>Testing</TableCell>
      <TableCell>Test Master</TableCell>
      <TableCell>
        <Link>Edit</Link>
      </TableCell>
    </TableRow>
  </TableBody>
</Table>