Carousel
A slideshow component for cycling through content. Supports navigation arrows, dot indicators, looping, auto-play, vertical orientation, and multiple slides per view.
Default
A basic horizontal carousel with previous/next buttons.
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
With dots
Add dot indicators below the carousel with CarouselDots.
Slide 1
Slide 2
Slide 3
Loop
Enable loop to wrap around from the last slide back to the first.
Slide 1
Slide 2
Slide 3
Auto-play
Set autoPlay with an interval in milliseconds.
Slide 1
Slide 2
Slide 3
Slide 4
Multiple slides per view
Use slidesPerView to show more than one slide at a time.
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Vertical
Set orientation="vertical" for a vertical carousel.
Slide 1
Slide 2
Slide 3