Docs
Table

Table

The Table component is used to display tabular data in a structured format.

A list of users in the system.
NameEmailRoleStatus
John Doejohn.doe@example.comAdminActive
Jane Smithjane.smith@example.comUserInactive
Bob Johnsonbob.johnson@example.comUserActive

Usage

Example Code

1import {
2Table,
3TableBody,
4TableCaption,
5TableCell,
6TableHead,
7TableHeader,
8TableRow,
9} from "inc-design-system/table";

Example Code

1<Table>
2  <TableCaption>Table Caption</TableCaption>
3  <TableHeader>
4    <TableRow>
5      <TableHead>Header 1</TableHead>
6      <TableHead>Header 2</TableHead>
7      <TableHead>Header 3</TableHead>
8      <TableHead>Header 4</TableHead>
9    </TableRow>
10  </TableHeader>
11  <TableBody>
12    <TableRow>
13      <TableCell>Cell 1</TableCell>
14      <TableCell>Cell 2</TableCell>
15      <TableCell>Cell 3</TableCell>
16      <TableCell>Cell 4</TableCell>
17    </TableRow>
18    <TableRow>
19      <TableCell>Cell 5</TableCell>
20      <TableCell>Cell 6</TableCell>
21      <TableCell>Cell 7</TableCell>
22      <TableCell>Cell 8</TableCell>
23    </TableRow>
24  </TableBody>
25</Table>