0.0.7 • Published 6 years ago
@alexcasche/react-carousel v0.0.7
react-js-carousel
React Carousel Component.
Getting Started
Installation
npm
npm install @alexcasche/react-carouselyarn
yarn install @alexcasche/react-carouselProps
| 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>
)
}
}