data contract
Table
Static tabular data. Use DataTable when you need sort/filter/pagination.
Variants
- default
- Standard rows + header
- striped
- Alternate row backgrounds
- bordered
- Cells share a 1px border
Sizes
- sm
- Row 32pt, footnote 13/18
- md
- Row 40pt, subhead 15/20
- lg
- Row 48pt, body 17/22
Example
<Table><thead><tr><th scope="col">Name</th><th scope="col">Email</th></tr></thead><tbody>{users.map(...)}</tbody></Table>Usage rule
Wrap in a scope-correct semantic table: <table><thead><tr><th>...</th></tr></thead>.
The full Table contract has 4 more rules, plus the do-not patterns. Get the full recipe.