Flickity component for React
npm install react-flickitybash
npm install flickity --save
npm install react-flickity --save
`$3
js
module: {
loaders: [
{
test: /flickity/,
loader: 'imports?define=>false&this=>window'
}
]
}
`$3
+ CSS:
- flickity.css
$3
js
var React = require('react')
var Flickity = require('react-flickity')var flickityOptions = {
initialIndex: 0,
cellSelector: '.sliderBoxes',
accessibility: true,
pageDots: true,
wrapAround: true,
autoPlay: 3000 // default false
}
var Carousel = React.createClass({
render: function () {
return (
elementType={ 'div' } // default 'div'
options={ flickityOptions } // takes flickity options {}
disableImagesLoaded={ false } // default false
>
);
}
});module.exports = Carousel;
});
``