Skip to main content

Swiping

By default the carousel will allow you to drag the carousel to the next slide. You can disable this by setting the swiping prop to false. This is only enabled on mobile devices.

Prop NameTypeDefault Value
swipingbooleantrue

Enabled (default)​

Code​

<Carousel scrollDistance="slide" showDots>
  <img src="pexels-01.jpg" />
  <img src="pexels-02.jpg" />
  <img src="pexels-03.jpg" />
</Carousel>

Disabled​

Code​

<Carousel scrollDistance="slide" showDots swiping={false}>
  <img src="pexels-01.jpg" />
  <img src="pexels-02.jpg" />
  <img src="pexels-03.jpg" />
</Carousel>