Carousel

BsCarousel is generated from the headless carousel core: each slide is a BsCarouselItem, with indicators, auto-advance, slide/fade animation in both orientations, touch swipe, keyboard support and a radio-driven no-JS tier.

Basic

Mode Orientation Slide: 1

<BsCarousel indicators :interval="4000" v-model:paused="paused"  aria-label="Animal photos" @slide-change="onSlideChange">  <BsCarouselItem><img src="/assets/resized/deer.png" alt="A deer" /></BsCarouselItem>  <BsCarouselItem><img src="/assets/resized/duck.png" alt="A duck" /></BsCarouselItem>  <BsCarouselItem><img src="/assets/resized/lion.png" alt="A lion" /></BsCarouselItem></BsCarousel>

Without JavaScript (server-rendered)

Two independent carousels: with JS disabled each keeps its own radio-driven state.