Reactstrap Carousel
Bootstrap carousel is a slideshow component for cycling through elements—images or slides of text—like a carousel.
Example
import React from "react";
import { UncontrolledCarousel, Row, Col } from "reactstrap";
const items = [
{
src:
"https://demos.creative-tim.com/argon-design-system-pro/assets/img/faces/team-5.jpg",
altText: "Slide 1",
caption: "",
header: "",
key: "1",
},
{
src:
"https://demos.creative-tim.com/argon-design-system-pro/assets/img/faces/team-4.jpg",
altText: "Slide 2",
caption: "",
header: "",
key: "2",
},
{
src:
"https://demos.creative-tim.com/argon-design-system-pro/assets/img/faces/team-3.jpg",
altText: "Slide 3",
caption: "",
header: "",
key: "3",
},
];
const Example = () => (
<Row>
<Col md="8" className="mx-auto">
<UncontrolledCarousel items={items} />
</Col>
</Row>
);
export default Example;
Props
If you want to see more examples and properties please check the official Reactstrap Documentation.