@alexcasche/react-carousel

react-js-carousel

React Carousel Component.

Getting Started

Installation

npm

npm install @alexcasche/react-carousel

yarn

yarn install @alexcasche/react-carousel

Props

Name	Type	Default	Description
orientation	string	horizontal	Set carousel direction (horizontal or vertical).
effect	string	slide	Set carousel effect (slide or fade).
speed	number	350	Set carousel transition speed (unit milliseconds).
wrap	boolean	true	Set carousel wrap.
showControls	boolean	true	Set carousel control visiblility.
showIndicators	boolean	true	Set carousel indicators visiblility.

Example

import React, { Component } from 'react';
import Carousel from 'react-carousel';
import 'react-carousel/style.css';

class SimpleExmample extends Component {
  render() {
    var options = {
      speed: 400,
      wrap: false,
      showIndicators: false
    };
    return (
      <Carousel {...options} >
        <div>First Slide</div>
        <div>Second Slide</div>
      </Carousel>
    )
  }
}