0.30.2 • Published 10 months ago

react-slick v0.30.2

Weekly downloads
727,091
License
MIT
Repository
github
Last release
10 months ago

react-slick

Backers on Open Collective Sponsors on Open Collective

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

Documentation

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"
/>

PlayGround

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

@catena-x/portal-shared-components-test@mindbox/frontend@pubngo-stack/property-module-browser@pubngo-stack/account-api-browser@borderfreefinancial/revo-consumer@borderfreefinancial/revo-core@borderfreefinancial/revo-core-api@borderfreefinancial/revo-web-video-test@titaui/pc@artsy/reactionresource-centerw222w111w123w456vf-123@piotrowiczmateusz/common-modulesmindee-sdk-reacthuoban_mini_program_component@storycopter/gatsby-starter-storycopter@bushuai/uni-test@travelshift/webtarnet-jumbo-reactyzhantdk2.n3o@thuanpq/airvert-uipowersportsexpo_legacytheme-brandfetchminiestorpeview-app-uiscreencloud-app-error-componentsafiniti_video-player@acorns/web-components@hacktion/test-librarysubscription-detailsantd-zpquinn-website-componentsexpa-live-chat-pluginone-weir-dls-rameshone-weir-ver4weir-dls-rameshweir-dls-testsop-cdmone-weir-ver1one-weir-ver10one-weir-ver11one-weir-ver12one-weir-ver13one-weir-ver14one-weir-ver15one-weir-ver16one-weir-ver17one-weir-ver2one-weir-ver3one-weir-ver5one-weir-ver6one-weir-ver7one-weir-ver8one-weir-ver9g2_v587_gv587_adminplayer-reactoct-pwa-uiedu-post-order@jayellul/gatsby-theme-craftcmsoev-test-pluginoneonone-ui-libzero-clientdcg-direct-purchaseavantrip-reacthometown.inwps-driver-reactss-ui-libgonation-site-generatoryoupractice-authregen-componentsyour-repo-name-herepops-app-sstvpops-kids-sstvpops-plus-websaracen-storybannermint-course-component-libgatsby-theme-cumberlandspfxspfx-test@afiniti/video-player-testcultgearodge-libtable-testgron-uiconquista-componentesybbtestui1@garytee/gatsby-woo-elementorgatsby-woocommerce-elementor-themerei-cps2common-xu@imperea-dev/economico-webshop-coreuniversal-widget-library@fireblaze/interfacemoneko.console
0.30.2

10 months ago

0.30.1

11 months ago

0.30.0

11 months ago

0.29.0

3 years ago

0.28.1

4 years ago

0.28.0

4 years ago

0.27.14

4 years ago

0.27.13

4 years ago

0.27.12

4 years ago

0.27.11

4 years ago

0.27.10

4 years ago

0.27.9

4 years ago

0.27.8

4 years ago

0.27.7

4 years ago

0.27.6

4 years ago

0.27.5

4 years ago

0.27.4

4 years ago

0.27.3

4 years ago

0.27.2

4 years ago

0.27.2-beta-1

4 years ago

0.27.2-beta-0

4 years ago

0.27.1

4 years ago

0.27.0

4 years ago

0.26.1

5 years ago

0.26.0

5 years ago

0.25.2

5 years ago

0.25.1

5 years ago

0.25.0

5 years ago

0.24.0

6 years ago

0.23.2

6 years ago

0.23.1

7 years ago

0.23.0

7 years ago

0.22.3

7 years ago

0.22.2

7 years ago

0.22.1

7 years ago

0.22.0

7 years ago

0.21.0

7 years ago

0.20.0

7 years ago

0.19.0

7 years ago

0.18.1

7 years ago

0.18.0

7 years ago

0.17.1

7 years ago

0.17.0

7 years ago

0.16.0

7 years ago

0.15.4

7 years ago

0.15.3

7 years ago

0.15.2

7 years ago

0.15.1

7 years ago

0.15.0

7 years ago

0.14.11

8 years ago

0.14.10

8 years ago

0.14.9

8 years ago

0.14.8

8 years ago

0.14.7

8 years ago

0.14.6

8 years ago

0.14.5

8 years ago

0.14.4

8 years ago

0.14.3

8 years ago

0.14.2

8 years ago

0.14.1

8 years ago

0.14.0

8 years ago

0.13.6

8 years ago

0.13.5

8 years ago

0.13.4

8 years ago

0.13.3

8 years ago

0.13.2

8 years ago

0.13.1

8 years ago

0.13.0

8 years ago

0.12.5

8 years ago

0.12.4

8 years ago

0.12.3

8 years ago

0.12.2

9 years ago

0.12.1

9 years ago

0.12.0

9 years ago

0.11.1

9 years ago

0.11.0

9 years ago

0.10.0

9 years ago

0.9.3

9 years ago

0.9.2

9 years ago

0.9.1

9 years ago

0.9.0

9 years ago

0.8.3

9 years ago

0.9.0-rc2

9 years ago

0.8.2

9 years ago

0.9.0-rc1

9 years ago

0.8.1

9 years ago

0.8.0

9 years ago

0.7.2

9 years ago

0.7.1

9 years ago

0.7.0

9 years ago

0.6.9

9 years ago

0.6.8

9 years ago

0.6.7

9 years ago

0.6.6

9 years ago

0.6.5

9 years ago

0.6.4

9 years ago

0.6.3

9 years ago

0.6.2

9 years ago

0.6.1

9 years ago

0.6.0

10 years ago

0.5.0

10 years ago

0.4.1

10 years ago

0.4.0

10 years ago

0.3.9

10 years ago

0.3.8

10 years ago

0.3.7

10 years ago

0.3.6

10 years ago

0.3.5

10 years ago

0.3.4

10 years ago

0.3.3

10 years ago

0.3.2

10 years ago

0.3.1

10 years ago

0.3.0

10 years ago

0.2.2

10 years ago

0.2.1

10 years ago

0.2.0

10 years ago

0.1.0

10 years ago

0.0.1

10 years ago