Table
Compose semantic tables with styled headers, rows, and cells.
Preview
Import
import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, TableCaption } from "@sigil-ui/components";Usage
<Table>
<TableHeader>
<TableRow>
<TableHead>Name</TableHead>
<TableHead>Status</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell>Alpha</TableCell>
<TableCell>Active</TableCell>
</TableRow>
<TableRow>
<TableCell>Beta</TableCell>
<TableCell>Draft</TableCell>
</TableRow>
</TableBody>
</Table>Sub-components
This component includes the following parts:
<TableHeader><TableBody><TableRow><TableHead><TableCell><TableCaption>
Token integration
| CSS Variable | Purpose |
|---|---|
--s-border | Border |
--s-border-style | Border style |
--s-duration-fast | Duration fast |
--s-surface-elevated | Surface elevated |
--s-text-muted | Text muted |
--s-text | Text |