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
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]