Horizontal Scroll

Horizontal scroll allows a user to go through a horizontal list of items. On touch devices it utilizes a swipe gesture to scroll the content.

horizontal scroll intro
horizontal scroll anatomy
  1. Horizontal scroll container
  2. Desktop scrollbar

On touch devices, the scrollbar does not show and the container has horizontal swipe enabled.

horizontal scroll swipe

Snapping allows items to snap into position and align to the left edge of the container.

horizontal scroll snap

A container of items can be set to vertically scroll on larger screens and change to a horizontal scroll container on mobile touch-enabled devices.

horizontal scroll mobile