Table
A semantic table primitive for structured row and column data.
The Table Component
| Campaign | Owner | Status |
|---|---|---|
| Homepage banner | Emma Li | Ready |
| Lifecycle email | Lara Ong | Reviewing |
| Help center update | Mina Park | Drafting |
Basic Usage
Code Snippet
<script lang="ts"> import { Table, TBody, TColumn, THeader, TRow } from '$lib/components'; </script> <Table ariaLabel="Launch tasks"> <THeader> <TRow> <TColumn>Task</TColumn> <TColumn>Owner</TColumn> </TRow> </THeader> <TBody> <TRow> <TColumn>Launch brief</TColumn> <TColumn>Emma Li</TColumn> </TRow> </TBody> </Table>Examples
Compact Summary
Use a minimal table for dense operational lists.
| Homepage banner | Emma Li |
| Lifecycle email | Lara Ong |
| Help center update | Mina Park |