Package installation

Instal package using pnpm

  pnpm add @nero-ui/pagination

Instal package using yarn

  yarn add @nero-ui/pagination

Instal package using npm

  npm i @nero-ui/pagination

Usage/Examples

import React from "react";
import {Pagination} from "@nero-ui/pagination";
import ReactDOM from "react-dom/client";
import {useState} from "react";

const App = () => {
  const [currentPage, setCurrentPage] = useState(1);
  return (
    <div>
      <h1>Pagination Progress Component</h1>
      <Pagination
        currentPage={currentPage}
        onPageChange={(e) => setCurrentPage(e)}
        totalCount={100}
      />
    </div>
  );
};

ReactDOM.createRoot(document.getElementById("app")!).render(<App />);

Props @nero-ui/pagination

Props that you can pass to <Pagination {...props} />

| Prop Name | Value | required | | :----------- | :--------------------- | :------- | | totalCount | number | true | | siblingCount | number | false | | currentPage | number | true | | onPageChange | (page: number) => void | true |