X-UI LogoX-UI

Carousel

A slideshow component for cycling through content.

tsx
import { Carousel, CarouselItem } from '@xdev-asia/x-ui-react';
tsx
<Carousel autoPlay interval={3000}>
  <CarouselItem>Slide 1</CarouselItem>
  <CarouselItem>Slide 2</CarouselItem>
  <CarouselItem>Slide 3</CarouselItem>
</Carousel>

Props

  • autoPlay - Auto-advance slides
  • interval - Time between slides (ms)
  • showDots - Show navigation dots
  • showArrows - Show prev/next arrows