mohitkyadav / react-pagination-nav

Pagination navbar component for react

Namaste / नमस्ते 👋

dribble    dev.to    linkedin

react-pagination-nav's Issues

Conditional props for previous and next page button

update readme gif with new functionality

Create end page and first page buttons with optional props

Lodash - whole library ends up in final bundle

In /src/ReactPaginationNav.js whole lodash library is imported but only 1 function is used. I think the best way would be just to copy the needed function into utils file in your project and drop lodash as a dependency https://github.com/lodash/lodash/blob/master/times.js.

If you want to keep as-is then import lodash functions like this to not bloat your bundle with unneded code:

import times from "lodash/times";

After this change final bundle size drops from 87,4 kB to 16,7 kB.

[feature] allow component for page buttons

requirement - user should be able to pass a builder function as props
some thing like that

<ReactPaginationNav
     buttonBuilder={(pageNum) => <CustomButtonComponent  page={pageNum} />}
 />

[feature] Theme dark and light with props

[feature] allow passing components as next andprevious button

This way they can have a button of their choice as next and previous buttons.