Blaze Slider
API

slidesToShow

Number of slides visible at once

Number of slides visible in the slider at a time.

slidesToShow: number; // default: 1

Blaze Slider sets this value as the --slides-to-show CSS variable on the slider element.

Set --slides-to-show in CSS to prevent layout shifts. See Preventing Layout Shifts.

Example: 1 slide (default)

new BlazeSlider(el, {
  all: { slidesToShow: 1 },
});
1
2
3
4
5
6

Example: 3 slides

new BlazeSlider(el, {
  all: { slidesToShow: 3 },
});
1
2
3
4
5
6

On this page