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 |