Back

Carousel

With Arrows & Dots

Slide 1
Slide 2
Slide 3

Multiple Items (PerPage: 3)

Display multiple items simultaneously. Useful for product sliders or team galleries.

1
2
3
4
5
6

Auto-play (2 s interval)

A
B
C

Usage

@media.Carousel(media.CarouselProps{
    PerPage:    3,    // number of items visible (default 1)
    ShowArrows: true,
    ShowDots:   true,
}) {
    @media.CarouselSlide(3, media.CarouselSlideProps{}) {
        <div class="p-4">Item 1</div>
    }
    @media.CarouselSlide(3, media.CarouselSlideProps{}) {
        <div class="p-4">Item 2</div>
    }
}