React Responsive Carousel
Storybook
Check it out these cool demos created using storybook. The source code for each example is available here.
Summary
Installing
npm install react-responsive-carousel --save
Demos
Carousel
Code:
Carousel with Videos
Code:
Carousel Vertical
Code:
Clean Carousel
Code:
Properties
- (Boolean) showArrows (default: true, options: true, false)
- (Boolean) showStatus (default: true, options: true, false)
- (Boolean) showIndicators (default: true, options: true, false)
- (Boolean) showThumbs (default: true, options: true, false)
- (Number) selectedItem (default: 0, options: any number between the first and the last index)
- (String) width (default: none, options: the size if it should be fixed)
- (Boolean) useKeyboardArrows (default: false, options: true, false)
- (String) axis (default: "horizontal" | options: "horizontal", "vertical")
- (Function) onChange
- Triggered when the carousel move
- (Function) onClickItem
- Triggered when an item is clicked
- (Function) onClickThumb
- Triggered when a thumb is clicked
Contributing
Please, feel free to contributing. You may file an issue or submit a pull request!