Slider component is used to show more data in a less space, by hiding data and keeps it accessible through an micro interaction from user side.

What’s Our Slider Style?

A horizontal scrolling slider where the user can easily drag or scroll inside the slider area to show the rest of visible items.

Pros of  horizontal scrolling slider

  • Ease of use, through scrolling or dragging.
  • Fully support for mobile devices.
  • No Clicks required.
  • The hidden data – at least a part of it – is visible, which is a good trigger for scrolling or interact with to discover more.

Common Use Cases:

  1. Training program list of content.
  2. Quotes and Stories.