React Flickity Component
Introduction:
A React.js Flickity component, created from forked version of react-flickity-compoment from jkusachi. All credits go to jkusachi.
Install:
npm install react-flickity-component-updated --save
Peer Dependencies:
- Flickity
- imagesLoaded
Development:
Build npm run build
Watch npm run dev
Assumptions!!!:
import Flickity from 'flickity';
import imagesloaded from 'imagesloaded';
window.Flickity = Flickity;
window.imagesloaded = imagesloaded;
so please run
npm install --save flickity imagesloaded
Usage:
;; var flickityOptions = initialIndex: 2 { return <FlickityComponent className='carousel' elementType='span' options=flickityOptions > <div className="items"> <img src="/images/placeholder.png"/> </div> <div className="items"> <img src="/images/placeholder.png"/> </div> <div className="items"> <img src="/images/placeholder.png"/> </div> </FlickityComponent> ;}
Credits
Forked from theolampert/react-flickity-component
License Information:
Flickity may be used in commercial projects and applications with the one-time purchase of a commercial license. http://flickity.metafizzy.co/license.html