react-native-pagination-dots

React native pagination dots.

Install

npm i react-native-pagination-dots

Usage

import React from 'react'
import PaginationDots from 'react-native-pagination-dots'

export default App() => {
    const length = 5
    const index = 2
    return (
        <PaginationDots length={length} activeIndex={index} />
    )
}

Props

Property	Type	Default	Description
length	number	5	Total number of dots
activeIndex	number	0	Index of active dot
activeWidth	number	30	Width of active dot
passiveWidth	number	10	Width of non-active dot
height	number	10	Height of dots
spacing	number	5	Spacing between dots
activeColor	string	"#ffffff"	Color of active dot
passiveColor	string	"#ffffff"	Color of non-active dot

License

MIT