@hudoro/pagination
v0.0.1-beta.7
Published
pagination component for Hudoro UI
Downloads
1,210
Readme
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
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