Skip to content

akiran/react-slick

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Dec 27, 2024
148f7bb · Dec 27, 2024
Sep 17, 2021
Dec 27, 2024
Dec 6, 2024
Feb 5, 2024
Dec 27, 2024
Dec 25, 2024
Dec 27, 2024
Oct 20, 2018
Dec 11, 2021
Dec 26, 2024
Nov 4, 2016
Jan 25, 2024
Dec 5, 2018
Mar 22, 2018
Oct 15, 2022
Nov 16, 2014
Feb 5, 2024
Dec 26, 2024
Dec 27, 2024
Dec 26, 2024
Dec 25, 2024
Feb 9, 2024
Dec 27, 2024
Oct 20, 2018
Jan 19, 2024

Repository files navigation

react-slick

Backers on Open Collective Sponsors on Open Collective

Carousel component built with React. It is a react port of slick carousel

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 css files
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";

or add cdn link in your html

<link
  rel="stylesheet"
  type="text/css"
  charset="UTF-8"
  href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"
/>
<link
  rel="stylesheet"
  type="text/css"
  href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
/>

Example

import React from "react";
import Slider from "react-slick";

export default function SimpleSlider() {
  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-slick
cd react-slick
npm install
npm start
open http://localhost:8080

Community

Join our discord channel to discuss react-slick bugs and ask for help

Contributing

Please see the contributing guidelines