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 Name	Type	Default Value
autoplay	boolean	false
autoplayInterval	number	3000

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>

Navigation Arrows

Prop Name	Type	Default Value
autoplay	boolean	false
showArrows	boolean | always | hover	false

Code

<Carousel autoplay={true} showArrows={true}>
  <img src="pexels-01.jpg" />
  <img src="pexels-02.jpg" />
  <img src="pexels-03.jpg" />
</Carousel>