UI Components

Card

A card is a contained block that groups related content or actions.

Also called Content cardTileBox for each itemItem block

Visual Example

Plan summary

Grouped content in one contained block.

Plain Definition

Cards make individual items feel separate and scannable.

You Might Describe This As...

  • "Box for each item"
  • "Item block"

Fast lookup

You May Also Mean

Cards group one item or summary; tables organize many items into comparable rows and columns.

Table

Check the name, visual cue, and typical use.

Table vs Card

See the practical difference side by side.

What It Is Used For

  • Showing product summaries
  • Grouping dashboard metrics
  • Presenting repeated items

Example User Phrasing

  • "Display each plan as a card."
  • "Put the summary in a card with an action button."