fortwo / react-carouselize

Transform everything in a simple and customizable carousel

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

npm travis build Coverage Status

React-Carouselize

The simplest carousel component you can find in the React ecosystem.

Getting Started

  1. Install the package with yarn add react-carouselize or npm install --save react-carouselize

  2. Import the component

import Carouselize from 'react-carouselize';
  1. Wrap whatever you want to be a carousel
<Carouselize>
  ....
</Carouselize>

Properties

Name Type Default value Required Description
duration number 5000 no Animation duration in milliseconds
animation string v-scroll no One of v-scroll (vertical scroll), h-scroll (horizontal scroll) or fade
navigation string left no Position of bullets, between top, right, bottom, left
enableNavigation boolean true no Enable/disable click on bullets
enableKeys boolean true no Enable/disable scrolling with left or right keys

Contibuting

Check the related file CONTRIBUTING

About

Transform everything in a simple and customizable carousel

License:MIT License


Languages

Language:JavaScript 77.1%Language:CSS 22.9%