Comparing components
- Badge and Tag
- Cards, Wells, and Tiles
- Checkbox, Radio, and Toggle Switch
- Layout, Spacing, Sizing, Vertical Rhythm, and Alignment
- Link vs Button
- Notifications
- Tooltip, Popover, and Modal
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
- 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
