Azalea

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.