React Component To Render A Pagination

by React

best-react-pagination

React component to render a pagination.

WARNING

Now correct works only with paginationStart={1}

Installation

npm install best-react-pagination --save


import Index from "best-react-pagination";

const YourComponent: FC = () => {
  const [index, setIndex] = useState(0);

  return (
    // Your code
    <Index
      paginationStart={0}
      currentIndex={index}
      setIndex={setIndex}
      totalPages={10}
    />
  );
};

Props

Name Type Description
paginationStart Number Required. The number of start pages on your logic (0 or 1).
currentIndex Number Required. The current index from hook useState of pages displayed.
totalPages Number Required. The range of pages displayed.
setIndex React.Dispatch<React.SetStateAction<number>> Required. The dispatch from hook useState
isDefaultStyles Boolean Default true
wrapperClass String Css class
itemListClass String Css class
itemClass String Css class
selectedItemClass String Css class
disableItemClass String Css class
className String Field for styled-component

GitHub

View Github