Content Sliders (Carousel)

A content slider displays a series of items in a horizontal, scrollable format, allowing users to browse related content one item at a time.

Indicator off

The indicator-off variant displays only navigation arrows and does not show how many slides are available.

 

Indicator on

The indicator-on variant includes a track to indicate the amount of available content currently outside of the viewport.

 

Full-width

The full-width variant extends the slider content beyond the grid boundary to the edge of the viewport. This variant can be combined with either the indicator-off or indicator-on variant. Use when slide content benefits from extending beyond the grid to create a more immersive, visually prominent layout.