pagination-dropdown-select v1.0.8

Next.js Dropdown List Pagination

A simple dropdown list pagination.

Installation

Via npm:

$ npm install npm i pagination-dropdown-select

Usage (for next.js)

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);

<Pagination 
  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}
/>