Carousel

Wrapper for the Bootstrap carousel component.

Example Usage

import React from "react";
import {Carousel} from "bs5-react-elements";

function ExampleUsage() {
  return <Carousel
    id="example-usage"
    className="carousel slide"
    data-bs-ride="carousel"
  >
    <div className="carousel-inner">
      <div className="carousel-item active">
        Lorem ipsum 1
      </div>
      <div className="carousel-item">
        Lorem ipsum 2
      </div>
      <div className="carousel-item">
        Lorem ipsum 3
      </div>
    </div>
  </Carousel>;
}

Demos

There are no demos available for this element. Submit an issue or pull request on GitHub to add one.

Props

Name Description Type Default Value Since
onSlid Handler for the slid.bs.carousel event func 0.2.0
onSlide Handler for the slide.bs.carousel event func 0.2.0
component React ref that will be assigned the component instance React ref 0.2.0
config Component configuration object 0.2.0
children Dropdown contents node 0.2.0