react-pagination-z
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

react-pagination-z


LIVE EXAMPLE

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

Package Sidebar

Install

npm i react-pagination-z

Weekly Downloads

2

Version

1.0.0

License

MIT

Unpacked Size

13 kB

Total Files

8

Last publish

Collaborators

  • delpikye