These carousels are powered by slick.js. The example below is a basic initialization. Put your content or any elements into .carousel-item and wrap those in .carousel class

Centered carousel, you can enable this feature by setting centerMode: true. You have to extend .carousel class with .carousel-center for supporting this feature.

Sync your carousels and make one of them as navigation, look the example.

Set number of slides to show for carousel by setting slidesToShow property.

We provide custom navigation that you can use like example below

Set autoplay: true to enabled autoplay features and set autoplaySpeed property for autoplay speed.

To enable dot indicator, you must set dots: true. The dots have navigation functionality, you can click those to change slides.