Carousel

Carousel component for displaying images, testimonials, or content cards in a sliding carousel with navigation controls.

Basic Carousel

Slide 1

First slide content

Slide 2

Second slide content

Slide 3

Third slide content


          <.carousel id="my-carousel">
            <:slide>
              <div class="p-8">Slide 1</div>
            </:slide>
            <:slide>
              <div class="p-8">Slide 2</div>
            </:slide>
          </.carousel>

With Autoplay


          <.carousel id="autoplay-carousel" autoplay={true} interval={3000} />

Props

Prop	Type	Default	Description
id	string	-	Unique ID for the carousel
autoplay	boolean	false	Automatically advance slides
interval	integer	5000	Autoplay interval in milliseconds
show_indicators	boolean	true	Show slide indicators
show_arrows	boolean	true	Show navigation arrows