Get started with react-slick CDN
MIT licensed
React-Slick is a popular React library for creating responsive and customizable carousels and sliders.
Tags:- slick
- carousel
- Image slider
- orbit
- slider
- react-component
Stable version
Copied!
How to start using react-slick CDN
import React from 'react';
import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';
import Slick from 'react-slick';
const SampleNextArrow = ({ onClick }) => {
return (
<div className="slick-next" onClick={onClick}>
<button>Next</button>
</div>
);
};
const SamplePrevArrow = ({ onClick }) => {
return (
<div className="slick-prev" onClick={onClick}>
<button>Previous</button>
</div>
);
};
const Carousel = () => {
const settings = {
dots: false,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
nextArrow: <SampleNextArrow />,
prevArrow: <SamplePrevArrow />,
};
return (
<div>
<Slick {...settings}>
<div>
<h3>1</h3>
</div>
<div>
<h3>2</h3>
</div>
<div>
<h3>3</h3>
</div>
</Slick>
</div>
);
};
export default Carousel;
Copied!
Copied!
All versions
0.10.0
0.11.0
0.11.1
0.12.0
0.12.1
0.12.2
0.12.3
0.12.4
0.12.5
0.13.0
0.13.1
0.13.2
0.13.3
0.13.4
0.13.5
0.13.6
0.14.0
0.14.1
0.14.10
0.14.11
0.14.2
0.14.3
0.14.4
0.14.5
0.14.6
0.14.7
0.14.8
0.14.9
0.15.0
0.15.1
0.15.2
0.15.3
0.15.4
0.16.0
0.17.0
0.17.1
0.18.0
0.18.1
0.19.0
0.20.0
0.21.0
0.22.0
0.22.1
0.22.2
0.22.3
0.23.0
0.23.1
0.23.2
0.24.0
0.25.0
0.25.1
0.25.2
0.26.0
0.26.1
0.27.0
0.27.1
0.27.10
0.27.11
0.27.12
0.27.13
0.27.14
0.27.2
0.27.2-beta-0
0.27.2-beta-1
0.27.3
0.27.4
0.27.5
0.27.6
0.27.7
0.27.8
0.27.9
0.28.0
0.28.1
0.29.0
0.3.0
0.3.1
0.3.2
0.3.3
0.3.4
0.3.5
0.3.6
0.3.7
0.3.8
0.3.9
0.30.0
0.30.1
*** 0.30.2
0.4.0
0.4.1
0.5.0
0.6.0
0.6.1
0.6.2
0.6.3
0.6.4
0.6.5
0.6.6
0.6.7
0.6.8
0.6.9
0.7.0
0.7.1
0.7.2
0.8.0
0.8.1
0.8.2
0.8.3
0.9.0
0.9.0-rc1
0.9.0-rc2
0.9.1
0.9.2
0.9.3