Similar to buttons, interactions can be under two categories which are interactions of cards as a group and interaction within each card.

Group of cards:

  • Horizontal scrolling

Horizontal scrolling is often used in viewing a group of default type of cards assorted horizontally. Horizontal scrolling is represented by a slider positioned under the card group.

  • Expanding

Expanding is intended for wide type of cards which are assembled vertically. “Show more” action works as the option of expanding the card group.

Individual card:

Similar to buttons, the interactions of the elements within the card that were designed with an intention to display more information can be conveyed as the following:

  • From Disabled to Enabled.
  • Hover / Click.
  • Progress indication.