0.0.2 • Published 5 years ago
@fiveem/react-crossfade-slider v0.0.2
Crossfade Slider
Screenshots
Install
npm i @fiveem/react-crossfade-sliderUsage
import Slider from '@fiveem/react-crossfade-slider'
<Slider images={this.state.images} period={2000} animationDuration={1000} containerStyle={this.state.containerStyle} imageStyle={this.state.imageStyle} />API
| name | type | sample value | description |
|---|---|---|---|
| images | Array | ['url_image1', 'url_image2', 'url_image3'] | Images that will be displayed inside the slider |
| period | Number | 2000 | Duration of auto play (should be specified in miliseconds) |
| animationDuration | Number | 1000 | Duration of slide animation/transition (should be specified in miliseconds)` |
| containerStyle | Object | Style that will be applied on the container (slider) | |
| imageStyle | Object | Style that will be applied on the image (slide) |
License
react-crossfade-slider is released under the MIT license.