Card
A surface. The only container in the system that draws a border and a shadow.
Anatomy
Deployments
3 awaiting approval.
In both themes
light
Etalasse · staging
Deployed 2 minutes ago.
dark
Etalasse · staging
Deployed 2 minutes ago.
Guidance
Use it when
- Grouping related content that has a heading.
- A dashboard tile.
Reach for something else when
- Wrapping a long list. Use DataList — at 50+ rows a card border adds nothing and costs vertical space.
- Nesting cards. Two borders inside each other read as a bug.