slideGap

length of the gap between the slides using any absolute or relative css length units

default

slideGap: '20px'

blaze-slider will set the value of slideGap as value of --slide-gap css variable on the target .blaze-slider element

note

Remember to also configure the --slide-gap in your CSS file as well to avoid layout shifts as explained in this tutorial

Example slideGap: '50px'

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

1

2

3

4

5

6

Example slideGap: '1rem'

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

1

2

3

4

5

6