Skip to content

Instantly share code, notes, and snippets.

@leandrowd

leandrowd/demo-slider.js

Last active November 21, 2015 06:45
Show Gist options
  • Save leandrowd/cf3df7f4552d9ac383d1 to your computer and use it in GitHub Desktop.
Save leandrowd/cf3df7f4552d9ac383d1 to your computer and use it in GitHub Desktop.
Download ZIP
React responsive carousel - Slider example
Raw
demo-slider.js
// https://www.npmjs.com/package/react-responsive-carousel
var React = require('react');
var ReactDOM = require('react-dom');
var Carousel = require('react-responsive-carousel').Carousel;
var DemoSliderControls = function(){
return (
<Carousel type="slider" showControls={true} showStatus={true}>
<img src="assets/1.jpeg" />
<img src="assets/2.jpeg" />
<img src="assets/3.jpeg" />
<img src="assets/4.jpeg" />
<img src="assets/5.jpeg" />
<img src="assets/6.jpeg" />
<img src="assets/7.jpeg" />
</Carousel>
);
};
ReactDOM.render(<DemoSliderControls />, document.querySelector('.demo-slider-controls'));
// Don't forget to include the css in your page
// <link rel="stylesheet" href="carousel.css"/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment