usePagination

Manage pages and navigation ranges.

usePagination.tsx

import { usePagination } from "@cermuel/hooks/react";export function usePaginationExample() {  const pagination = usePagination(120, { pageSize: 10 });  return <button type="button" onClick={pagination.next}>Next</button>;}

Props

Param

Type

Default Value

totalItems

number

options?

PaginationOptions

{}

Returns

{ page: number; pageSize: number; pageCount: number; range: (number | "...")[]; next: () => void; previous: () => void; setPage: (next: number) => void; }