UI MarCom 3

Card Slider Stable Updated Dark theme

The Card Slider is a component for the presentation of multiple Cards aligned horizontally in one section.

General guidance

It is a finite horizontal slider which shows up to three Cards initially depending on the viewport. A partial item on the edge indicates hidden items which can be brought into view via the swipe gesture or the control buttons. The Card Slider works great if you want to use five or more items which should be comparable on one level.

Hero Block usage sample on desktop
Card-Slider usage sample on desktop
See it in light scheme
See it in dark scheme

Dos and don’ts

  • Do make sure that you don’t hide cards in a Card Slider when they need to be visible initially.
  • Do use the Card Slider mainly for comparing similar content.