0.0.5 • Published 7 years ago
react-flickity-component-updated v0.0.5
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:
import React from 'react';
import FlickityComponent from 'react-flickity-component';
var flickityOptions = {
initialIndex: 2
}
export default function TestComponent() {
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