react-carousel-dots

This component provides a pagination method with dots for any amount of images/slides.

Quickstart

npm install --save react-carousel-dots

The minimum amount of code to make it work:

import Dots from 'react-carousel-dots';

<Dots length={10} active={0} />

Props

Name	Default value	Description
length	-	Required. The amount of dots you want to use.
active	-	Required. The index of the currently active dot.
visible	5	Optional. The amount of dots visible on mount.
size	16	Optional. The width and height of a dot.
margin	1	Optional. The right- and left-margin of a dot.
className	-	Optional. This class will be added to the holder div.