Data display
Table, Card, Tabs — structured content without domain opinion.
Primitives · fixture-only
Table with inline states
Use EmptyStateRow and ErrorStateRow inside TBody — never swap the whole table.
Workshop: Object explorer, workflow runs, observability log tables.
Fixture data only — behaviour matches production chrome
TableWrap for wide columns
Wrap tables with 5+ columns in TableWrap — horizontal scroll, not page overflow.
Workshop: Observability metrics, audit logs, wide registry exports.
Fixture data only — behaviour matches production chrome
Card
Bordered surface — header, body, footer without shadow stack.
Bordered surface — no shadow stack.
Table
Structured rows with inline empty and error states.
| Name | Status | ARR |
|---|---|---|
| Acme Corp | Active | $1.2M |
No more rows | ||
Load failed Could not fetch. | ||
TableWrap
Horizontal scroll container for wide tables.
| Col A | Col B | Col C | Col D | Col E |
|---|---|---|---|---|
| Wide | table | content | scrolls | → |
Separator
Above
Below
Pagination
Page navigation for long result sets.
Loading pagination…