0.1.50 • Published 3 years ago
react-slider-awesome v0.1.50
react-slider-awesome
the best react carousel
Install
npm install --save react-slider-awesome
Usage
import React from 'react'
import { Slider } from 'react-slider-awesome'
import 'react-slider-awesome/dist/index.css'
const App = () => {
/* For Right to left set body{ direction: rtl; } then rtl={true|false} */
/* For no item effects noEffects={true|false} */
/* Number of items in slide size={small|big} */
return (
<Slider rtl={false} noEffects={false} size={'small'}>
<div>
<img src={'./path/to/1.jpg'} />
</div>
<div>
<img src={'./path/to/2.jpg'} />
</div>
<div>
<img src={'./path/to/3.jpg'} />
</div>
<div>
<img src={'./path/to/4.jpg'} />
</div>
<div>
<img src={'./path/to/5.jpg'} />
</div>
<div>
<img src={'./path/to/6.jpg'} />
</div>
<div>
<img src={'./path/to/7.jpg'} />
</div>
<div>
<img src={'./path/to/1.jpg'} />
</div>
<div>
<img src={'./path/to/2.jpg'} />
</div>
<div>
<img src={'./path/to/3.jpg'} />
</div>
<div>
<img src={'./path/to/4.jpg'} />
</div>
<div>
<img src={'./path/to/5.jpg'} />
</div>
<div>
<img src={'./path/to/6.jpg'} />
</div>
<div>
<img src={'./path/to/7.jpg'} />
</div>
</Slider>
)
}
export default App
License
MIT © Abdullah Altahery
0.1.50
3 years ago
0.1.49
3 years ago
0.1.43
3 years ago
0.1.44
3 years ago
0.1.45
3 years ago
0.1.46
3 years ago
0.1.47
3 years ago
0.1.48
3 years ago
0.1.37
3 years ago
0.1.41
3 years ago
0.1.42
3 years ago
0.1.40
3 years ago
0.1.38
3 years ago
0.1.36
3 years ago
0.1.35
3 years ago
0.1.33
3 years ago
0.1.34
3 years ago
0.1.31
3 years ago
0.1.32
3 years ago
0.1.30
3 years ago
0.1.29
3 years ago
0.1.28
3 years ago
0.1.27
3 years ago
0.1.26
3 years ago
0.1.25
3 years ago
0.1.23
3 years ago
0.1.24
3 years ago
0.1.20
3 years ago
0.1.21
3 years ago
0.1.22
3 years ago
0.1.14
3 years ago
0.1.15
3 years ago
0.1.16
3 years ago
0.1.17
3 years ago
0.1.18
3 years ago
0.1.19
3 years ago
0.1.11
3 years ago
0.1.12
3 years ago
0.1.13
3 years ago
0.1.10
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago