Skip to main content

Autoplay

The carousel can advance on its own with a specified interval measured in milliseconds. An autoplayInterval without the autoplay prop being true will not do anything. For accessibility, the carousel will pause when the user is interacting with it.

Prop NameTypeDefault Value
autoplaybooleanfalse
autoplayIntervalnumber3000

Example​

Code​

<Carousel autoplay={true} autoplayInterval={1000}  wrapMode="wrap">
  <img src="pexels-01.jpg" />
  <img src="pexels-02.jpg" />
  <img src="pexels-03.jpg" />
</Carousel>