Description

• React pagination (simple) with css.
• You can customize ripple css.

Usage

npm install react-pagination-z --save

Import the module in the place you want to use:

import Pagination from 'react-pagination-z'
import 'react-pagination-z/build/styles.css' // => to main

Snippet

simple

    const [page, setPage] = React.useState(1)

    <Pagination
        // className
        totalCount={100}
        // limit={10}
        // labelFirst="|<<"
        // labelLast="Last"
        // sectionNumber={5} // display number of page
        currentPage={page}
        setCurrentPage={setPage}
        // showFirstLast // ={true}
		// showForwardBack // ={false}
    />

    <Pagination
        // className
        totalCount={100}
        // limit={10}
        // labelFirst = "|<<",
        // labelLast = ">>|",
        // labelBack = "<",
        // labelForward = ">",
        currentPage={page}
        setCurrentPage={setPage}
        type="pager"
    />

props

RUN

LIVE EXAMPLE

npm install

npm run dev
npm run start

License

MIT