Cards, Wells, and Tiles
Guidelines
Need 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
On this page