1.0.1 • Published 2 years ago
@trunghtdev/flickity-react v1.0.1
flickity-react
Made with create-react-library
Install
npm install --save flickity-react
Usage
import React from 'react'
import Slider from 'flickity-react'
import 'flickity/dist/flickity.min.css';
const App = () => {
return (
<Slider
options={{
prevNextButtons: false,
pageDots: false,
draggable: true,
cellAlign: 'left'
}}
>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
<div style={{ height: 200, width: 200, marginLeft: 10, backgroundColor: 'red' }}></div>
</Slider>
)
}
License
1.0.1
2 years ago