Basic
These carousels are powered by slick.js. The example below is a basic initialization. Put your content or any elements into CarouselItem component.
Center mode
Centered carousel, you can enable this feature by setting centerMode={true} property.
Sync
Sync your carousels and make one of them as navigation, look the example.
Number of slides
Set number of slides to show for carousel by setting slidesToShow property.
Alternative navigation
We provide custom navigation that you can use like example below
Autoplay
Set autoplay={true} to enabled autoplay features and set autoplaySpeed property for autoplay speed.
Dot indicator
To enable dot indicator, you must set dots={true}. The dots have navigation functionality, you can click those to change slides.