This configuration displays three items per row, responsively reducing the number of visible items on smaller screens.
Slider
Use a Slider to seamlessly click through interactive previews.
Last updated
Slider – 3x1
Slider – Side header
The slider supports all layouts; this example features a side-aligned header.
Slider – Bullets pagination
Bullets pagination offers another way to navigate the slider. On smaller screens, it automatically hides to keep the interface clean and simple.
Slider – Faction pagination
Faction pagination indicates to users the position within the exposed slider content. On smaller screens, it automatically hides to keep the interface clean and simple.
Slider – Progress bar pagination
Progress bar pagination indicates to users the position within the exposed slider content. On smaller screens, it automatically hides to keep the interface clean and simple.
Slider – 1 Big teaser
Set your slider to one slide per view for big teasers. Reserve this configuration for edgy pages.