0.0.31 • Published 2 years ago
react-carousel-responsive v0.0.31
Install
npm install --save react-carousel-responsive
PlayGround
Example
import React from 'react';
import Rating from 'react-rating-scale';
import Slider from 'react-carousel-responsive';
import 'react-carousel-responsive/dist/styles.css';
const App = () => (
<Slider>
<div className="slide">1</div>
<div className="slide">2</div>
<div className="slide">3</div>
<div className="slide">4</div>
<div className="slide">5</div>
<div className="slide">6</div>
<div className="slide">7</div>
</Slider>
)
export default App;
Settings
Option | Type | Default | Description |
---|---|---|---|
children | ReactNode[] | [] | slides |
autoplay | boolean | true | auto scroll |
autoplaySpeed | number | 5000 | Delay between each auto scroll (in milliseconds) |
pauseOnHover | boolean | true | Prevents autoplay while hovering on track |
slidesToShow | number | 1 | How many slides to show in one frame |
slidesToScroll | number | 1 | How many slides to scroll at once |
speed | number | 500 | Animation speed in milliseconds |
timingFunction | string | ease | |
beforeChange(currentSlides: HTMLDivElement[]) | func | - | callback function before frame scroll |
afterChange(currentSlides: HTMLDivElement[]) | func | - | callback function after frame scroll |
Author
Stas Raranetskyi |
0.0.30
2 years ago
0.0.31
2 years ago
0.0.29
4 years ago
0.0.28
4 years ago
0.0.25
4 years ago
0.0.26
4 years ago
0.0.27
4 years ago
0.0.23
4 years ago
0.0.24
4 years ago
0.0.22
4 years ago
0.0.21
4 years ago
0.0.20
4 years ago
0.0.19
4 years ago
0.0.18
4 years ago
0.0.16
4 years ago
0.0.17
4 years ago
0.0.14
4 years ago
0.0.15
4 years ago
0.0.11
4 years ago
0.0.12
4 years ago
0.0.13
4 years ago
0.0.10
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago