Skip to main content

Styling

Wrapper Styling​

Apply classNames to the <div> that contains the children. This is likely how you will determine the spacing between items in the carousel.

By default, this wrapper has display: flex applied.

Details​

Prop NameTypeDefault Value
classNamestringundefined

Example​

Code​

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