Cards, Wells, and Tiles

AnchorNeed to know

  • Cards are a structural component to contain primary content, such as Tiles and rows in a table or list.
  • Wells are used as a visual container around secondary content, such as Empty States.
  • Tiles are visually interesting items in a list consisting of a card, title, visual, metadata, and actions.

When to use each component

  • For content that requires an active bounding area, use a Card.
  • For content that requires boundaries to define or contextualize content. Wells can provide a way to do this visually.
  • For content that has a single focus and includes visual content and actions, use a Tile.

See also