Next.js Dropdown List Pagination

A simple dropdown list pagination.

Installation

Via npm:

$ npm install npm i pagination-dropdown-select

Usage (for next.js)

``javascript

import Pagination from 'pagination-dropdown-select';

const pageSizeArray = [5, 10, 15, 20, 50];
const totalResultsNumber = 200; // Or, data?.data.count from API

const [currentPage, setCurrentPage] = useState(1);
const [pageSize, setPageSize] = useState(pageSizeArray[0]);
const [isLoading, setIsLoading] = useState(false);

pageSizeArray={pageSizeArray}
totalResultsNumber={totalResultsNumber}
pageSize={pageSize}
setPageSize={setPageSize}
currentPage={currentPage}
setCurrentPage={setCurrentPage}
goToFirstPageToolTip={null|string}
goToPreviousPageToolTip={null|string}
goToNextPageToolTip={null|string}
goToLastPageToolTip={null|string}
isLoading={isLoading}
/>
``