Carousel

BsCarousel is generated from the headless carousel core: each slide is aBsCarouselItem, 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} aria-label="Animal photos"  onSlideChange={(detail) => setIndex(detail.index)}>  <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.