When to use
Use to present a handful of attributes for one object in a set.
Loading…
Find components, patterns, tokens, and docs
Component
Grouped surface for a single object the user can scan or open.
Preview
<Card
variant="primary"
size="medium"
>
Billing overview
</Card>Appearance is not enough. This is the contract for when the control earns a place in the product.
Use to present a handful of attributes for one object in a set.
Use a table when users need to compare many rows on the same attributes.
Turns a list of records into scannable, self-contained units.
Don't nest interactive elements. If the card is a link, keep inner actions out of it.