Skip to main content

Buttons

Counter:
1 / 5
<CarouselProvider total={5} slideHeight={400}>
<Carousel>
<Slide index={0}>
<img src="/imgs/img1.jpg" />
</Slide>
<Slide index={1}>
<img src="/imgs/img2.jpg" />
</Slide>
<Slide index={2}>
<img src="/imgs/img3.jpg" />
</Slide>
<Slide index={3}>
<img src="/imgs/img4.jpg" />
</Slide>
<Slide index={4}>
<img src="/imgs/img5.jpg" />
</Slide>
</Carousel>

<DotsGroup />

<div>
<span>Counter:</span>
<Counter />
</div>

<div>
<PrevButton>Prev</PrevButton>
<NextButton>Next</NextButton>
</div>
</CarouselProvider>