Navigation

The carousel can show buttons to navigate between slides.

Details

Prop Name	Type	Default Value
showButtons	boolean	false

Example

Code

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

Wraparound

When the wrapAround prop is set to false, the buttons will be hidden when the first or last slide is active.

Code

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