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';

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. |