Skip to main content

Wraparound

By default, the carousel will wrap around when it reaches the end of the slide set. This means that if you are on the last slide and you click next, it will go to the first slide.

API​

Prop NameTypeDefault Value
wrapAroundbooleantrue

Nuka Carousel accepts any React component as children, and will render them as slides.

Enabled (default)​

Code​

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

Disabled​

Code​

<Carousel wrapAround={false}>
  <img src="pexels-01.jpg" />
  <img src="pexels-02.jpg" />
  <img src="pexels-03.jpg" />
</Carousel>