slideGap

Gap between slides using any CSS length unit.

slideGap: string; // default: '20px'

Blaze Slider sets this value as the --slide-gap CSS variable on the slider element.

Set --slide-gap in CSS to prevent layout shifts. See Preventing Layout Shifts.

Example: 50px gap

new BlazeSlider(el, {
  all: {
    slideGap: '50px',
    slidesToShow: 3,
  },
});

new BlazeSlider(el, {
  all: {
    slideGap: '1rem',
    slidesToShow: 3,
  },
});