0.1.12 • Published 7 years ago

reaction-carousel v0.1.12

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

reaction-carousel

A Carousel Component That Build With Pure React

Installation

npm:

npm install reaction-carousel --save

yarn:

yarn add reaction-carousel

⚠️ Also you should add style and fonts

@import "~reaction-carousel/lib/reaction-carousel.scss";
Or
@import "~reaction-carousel/lib/reaction-carousel.css";

Example

import React, { Component } from 'react';
import Carousel from 'reaction-carousel';

class App extends Component {

  render() {
    return (
        <Carousel>
          <img src="https://unsplash.it/1200/310?random" />
          <img src="https://unsplash.it/1200/310?random" />
          <img src="https://unsplash.it/1200/310?random" />
          <img src="https://unsplash.it/1200/310?random" />
          <img src="https://unsplash.it/1200/310?random" />
          <img src="https://unsplash.it/1200/310?random" />
          <img src="https://unsplash.it/1200/310?random" />
        </Carousel>
    );
  }
}
PropertyTypeDescriptionWorking
childrenarray or objectcarousel childrenYes
transitionTimenumbercustom transition time for sliding itemsYes
arrowsboolShould we show Left and right nav arrowsYes
dotsboolShould we show dotsYes
autoPlayboolauto playingYes
autoplaySpeedboolauto playing speedYes
loopboolenable infinite loopYes
draggableboolenable draggable for slidesNo
slidesToShowboolNumber of slides to be visible at a timeYes