react-slick

WebJar for react-slick

License	MIT
Categories	React User Interface Web Frameworks
GroupId	org.webjars.npm
ArtifactId	react-slick
Last Version	0.24.0
Release Date	Aug 7, 2019
Type	jar
Description	react-slick WebJar for react-slick
Project URL	http://webjars.org
Source Code Management	https://github.com/akiran/react-slick

Download react-slick

Filename	Size
react-slick-0.24.0.pom
react-slick-0.24.0.jar	123 KB
react-slick-0.24.0-sources.jar	22 bytes
react-slick-0.24.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/react-slick/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>react-slick</artifactId>
    <version>0.24.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/react-slick/
implementation 'org.webjars.npm:react-slick:0.24.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/react-slick/
implementation ("org.webjars.npm:react-slick:0.24.0")

Apache Buildr

'org.webjars.npm:react-slick:jar:0.24.0'

Apache Ivy

<dependency org="org.webjars.npm" name="react-slick" rev="0.24.0">
  <artifact name="react-slick" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='react-slick', version='0.24.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "react-slick" % "0.24.0"

Leiningen

[org.webjars.npm/react-slick "0.24.0"]

Dependencies

compile (5)

Group / Artifact	Type	Version
org.webjars.npm : json2mq	jar	[0.2.0,0.3)
org.webjars.npm : resize-observer-polyfill	jar	[1.5.0,2)
org.webjars.npm : lodash.debounce	jar	[4.0.8,5)
org.webjars.npm : classnames	jar	[2.2.5,3)
org.webjars.npm : enquire.js	jar	[2.1.6,3)

Project Modules

There are no modules declared in this project.

react-slick

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.6.0/slick.min.css"
/>
<link
  rel="stylesheet"
  type="text/css"
  href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/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

Contributing

Please see the contributing guidelines

Versions

Version
0.24.0 Aug 7, 2019
0.23.2 Feb 21, 2019
0.23.1 Jul 1, 2018
0.21.0 Mar 22, 2018
0.14.11 Jun 25, 2017
0.14.5 Dec 26, 2016
0.12.2 Jul 28, 2016
0.12.1 Jul 28, 2016
0.12.0 Jul 28, 2016
0.11.1 Jul 28, 2016