Skip to content

Pagination

Pagination enables navigation through multi-page data lists.

Usage

PaginationExample.tsx
import { useState } from 'react';
import { Pagination } from '@masumdev/rn-ui';
export function PaginationExample() {
const [page, setPage] = useState(1);
return (
<Pagination
currentPage={page}
totalPages={10}
onPageChange={setPage}
/>
);
}

Props API

PropTypeDefaultDescription
currentPagenumberActive page number (1-indexed).
totalPagesnumberTotal number of available pages.
onPageChange(page: number) => voidCallback on page change.