A slideshow component for cycling through elements—images or slides of text—like a carousel.
Carousels don’t automatically normalize slide dimensions. As such, you may need to use additional utilities or custom styles to appropriately size content. While carousels support previous/next controls and indicators, they’re not explicitly required. Add and customize as you see fit.
You can also control the Carousel state, via the
activeIndex prop and
fade prop to your carousel to animate slides with a fade transition instead of a slide.
No transition animation
slide prop to false to disable the transition animation between slides.
Individual Item Intervals
You can specify individual intervals for each carousel item via the
variant="dark" to the
Carousel for darker controls, indicators, and captions.
Dark variants for components were deprecated in Bootstrap v5.3.0 with the introduction
of color modes. Instead of adding
data-bs-theme="dark" on the root
element, a parent wrapper, or the component itself.