When to use
Use when the user needs to compare the same fields across many objects.
Loading…
Find components, patterns, tokens, and docs
Documentation
Tables excel when users compare, sort, and act on many similar records.
Pin the identifying column. Allow horizontal scroll on small screens instead of hiding data silently.
| Component | Category | Status |
|---|---|---|
| Button | Actions | Stable |
| Input | Forms | Stable |
| Modal | Feedback | Review |
Appearance is not enough. This is the contract for when the control earns a place in the product.
Use when the user needs to compare the same fields across many objects.
Use cards when each object needs a narrative or mixed media.
Makes comparison cheap — the alternative is opening records one by one.
Use a real table with th headers. Provide a caption. Don't replace it with div grids if it is tabular data.
<Table
variant="primary"
size="medium"
>
Components
</Table>