0.3.3 • Published 5 years ago
react-infinity-carousel v0.3.3
react-infinity-carousel
Infinity carousel for react apps
Installation
npm i react-infinity-carousel --save-dev
New Version with hooks
https://www.npmjs.com/package/react-web-tools
Usage
import Carousel from 'react-infinity-carousel';
class App extends Component {
render() {
const options = {
autoPlayInterval: 1000
}
return (
<div className="App">
<header className="App-header">
<Carousel {...options}>
<div style={{width: 200, height: 150, background: 'red'}}></div>
<div style={{width: 200, height: 150, background: 'blue'}}></div>
<div style={{width: 200, height: 150, background: 'green'}}></div>
</Carousel>
</header>
</div>
);
}
}
Options
const options = {
autoPlayInterval: 1000, // default value: 3000
arrows: false, // default value: true
dots: false, // default value: true
transitionDuration: .9 // default value: .5
initialSlide: 2 // default value: 1
className: 'yourClassName' // default value: 'carousel'
}
Arrows
Arrows have classNames: 'prev' and 'next'
Dots
Dots have className: 'dots'
0.3.3
5 years ago
0.3.2
5 years ago
0.3.1
5 years ago
0.3.0
5 years ago
0.2.9
5 years ago
0.2.8
5 years ago
0.2.7
5 years ago
0.2.6
5 years ago
0.2.5
5 years ago
0.2.4
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.21
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago