TE Sliders

In this example we've created an infinite slider list.

In this example we're using [te-slider-slides-per-view="auto"] to automatically group the current in-view slides (4) together.

In this example we're using [te-slider-free-scroll="true"] to disable snap to slide default function.

In this example we're using the [te-slider="nav"] attribute to create clickable image buttons to jump to the desired slide. We're also using [te-slider-alignment="center"] to center align the image thumbnails

In this example we're using [te-slider-transition="fade"] to switch from our default slide transition to fade.

In this example we're using [te-slider-autoplay="2000"] to automatically move through each of our slides on page load.

In this example we have a stacked list on desktop but a slider on tablet and mobile without changing the component structure.