Pagination

Default

A 10-page set with interactive prev/next and page number buttons.

‹12…10›

Page 1 of 10

import { useState } from 'react';
import { Pagination } from '@eekodigital/raster';

function PaginationDemo() {
  const [page, setPage] = useState(1);
  return <Pagination page={page} totalPages={10} onPageChange={setPage} />;
}

Few pages

When there are only a handful of pages all page numbers are shown.

‹123›

Page 1 of 3

<Pagination page={page} totalPages={3} onPageChange={setPage} />

Props

Prop	Type	Default	Description
page	number	—	The current active page (1-based).
totalPages	number	—	The total number of pages.
onPageChange	(page: number) => void	—	Callback fired when the user selects a different page.