JSPM

  • Created
  • Published
  • Downloads 1200506
  • Score
    100M100P100Q182400F
  • License MIT

React port of slick carousel

Package Exports

  • react-slick

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-slick) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-slick

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

Installation

  npm install react-slick

Also install slick-carousel for css and font

  bower install slick-carousel

Demos

Starter Kit

Checkout yeoman generator to quickly get started with react-slick.

Example

var React = require('react');
var Slider = require('react-slick');

var SimpleSlider = React.createClass({
  render: function () {
    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>
    );
  }
});