react-material-pagination-v4z

React material(v.4) pagination. (Hooks)


Keywords
react, components, lib, react-pager, react-paginate, react-pagination, material-pager, material-paginate, material-pagination, pagination, paginate, material-ui, paging
License
MIT
Install
npm install react-material-pagination-v4z@1.0.0-alz

Documentation

react-material-pagination-v4z


LIVE EXAMPLE

Description

  • React material(v.4) pagination (>= 4.11.3)

Usage

npm install react-material-pagination-v4z --save

Import the module in the place you want to use:

import Pagination from 'react-material-pagination-v4z'

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