The Card pattern is a small container for displaying information. Cards display summary information about an object and may display different components inside them. Cards maybe displayed inside  Carousels, Lists, Panel Splitters, Popups, Tables, etc... Cards are common for use on both phones and tablets. There maybe different types of cards, here are a few examples:


Appearance characteristics for this component.


Common behaviors for this component.


Usage guidelines for this component.


Fig 1. People Card


Fig 2. Avatar Card


Fig 3. Item Card


Fig 4. Action Card


Fig 5. Expanding Card


Fig 6. Flip Card


Fig 7. Info Card