glider js react
new Glider(document.querySelector('.glider'), {
// Mobile-first defaults
slidesToShow: 1,
slidesToScroll: 1,
scrollLock: true,
dots: '#resp-dots',
},
responsive: [
{
// screens greater than >= 775px
breakpoint: 775,
settings: {
// Set to `auto` and provide item width to adjust to viewport
slidesToShow: 'auto',
slidesToScroll: 'auto',
itemWidth: 150,
duration: 0.25
}
},{
// screens greater than >= 1024px
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
itemWidth: 150,
duration: 0.25
}
}
]
});