Skip to content
React part of bootstrap carousel
Branch: master
Clone or download
Latest commit f8cfc49 Jul 11, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Update Oct 16, 2018
dist Update dependencies Jul 11, 2019
fonts Support bootstrap 3 & 4 May 2, 2018
test add test case & Travis CI Feb 7, 2018
.babelrc Update Oct 16, 2018
.gitignore remove coveralls.yml Feb 7, 2018
.travis.yml add test case & Travis CI Feb 7, 2018
LICENSE V 1.0.0 Apr 7, 2017 V3.2.0 Aug 21, 2018
index.js V3.2.0 Aug 21, 2018
jest.config.js add test case & Travis CI Feb 7, 2018
package-lock.json Update dependencies Jul 11, 2019
package.json Update dependencies Jul 11, 2019
webpack.config.js Update Oct 16, 2018


Travis Coverage Status Version license Donloads

This project support carousel components built with React.


npm i --save react-bootstrap-carousel

Getting Started

import ReactBootstrapCarousel from "react-bootstrap-carousel";
import "bootstrap/dist/css/bootstrap.css";
import "react-bootstrap-carousel/dist/react-bootstrap-carousel.css";

Bootstrap@3.3.7 demo

Bootstrap@4.1 demo


Props Type Description Default
version number Bootstrap version 3 | version 4 3
defaultActiveIndex number 0
slideshowSpeed number The amount of time to delay between automatically cycling an item 7000
animation boolean whether to show animation true
autoplay boolean Whether to scroll automatically true
wrap boolean Whether the carousel should cycle continuously or have hard stops true
indicators boolean Whether to show the dots at the bottom of the gallery true
leftIcon ReactNode -
rightIcon ReactNode -
onSelect function(value: number ) Callback function called after the current index changes -
className string carousel-fade | "" -
pauseOnVisibility boolean Stop autoplay when visibilitychange false


Name Description
slidePrev Change current slide to previous slide
slideNext Change current slide to next slide
goToSlide Change current slide to given slide number
You can’t perform that action at this time.