react-slick
slick carousel
Carousel component built with React. It is a react port ofDocumentation
Installation
npm
npm install react-slick --save
yarn
yarn add react-slick
⚠️ Also install slick-carousel for css and font
npm install slick-carousel@import "~slick-carousel/slick/slick.css";@import "~slick-carousel/slick/slick-theme.css";
or add cdn link in your html
PlayGround
Example
;; Component { var settings = dots: true infinite: true speed: 500 slidesToShow: 1 slidesToScroll: 1 ; return <Slider ...settings> <div> <h3>1</h3> </div> <div> <h3>2</h3> </div> <div> <h3>3</h3> </div> <div> <h3>4</h3> </div> <div> <h3>5</h3> </div> <div> <h3>6</h3> </div> </Slider> ; }
Props
For all available props, go here.
Methods
For all available methods, go here
Examples
For simple examples covering most of the features, go here
Development
Want to run demos locally
git clone https://github.com/akiran/react-slickcd react-slicknpm installnpm startopen http://localhost:8080
Contributors
This project exists thanks to all the people who contribute. [Contribute].
Backers
Thank you to all our backers! 🙏 [Become a backer]
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]