@hudoro/pagination
TypeScript icon, indicating that this package has built-in type declarations

0.0.1-beta.7 • Public • Published

Hudoro pagination

Hudoro pagination is a strict and customizable pagination component for web development projects, designed for simplicity and adherence to strict design guidelines.

Screenshots

App Screenshot

Package instalation

Instal package using pnpm

  pnpm add @hudoro/pagination

Instal package using yarn

  yarn add @hudoro/pagination

Instal package using npm

  npm i @hudoro/pagination

Usage/Examples (you can combine using icon package hudoro)

import React from "react";
import {Pagination} from "@hudoro/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 @hudoro/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

Readme

Keywords

none

Package Sidebar

Install

npm i @hudoro/pagination

Weekly Downloads

411

Version

0.0.1-beta.7

License

ISC

Unpacked Size

50.4 kB

Total Files

8

Last publish

Collaborators

  • muhfikri4
  • dani_ganteng
  • prawitohudoro