Navigation

Pagination

Page navigation control for paginated data. Shows page numbers with previous/next buttons.

LlmPagination

Demo

<LlmPagination
  page={3}
  pageCount={10}
  onPageChange={(p) => console.log(p)}
/>

API

PropTypeDefaultDescription
pagenumber1Current page (1-indexed)
pageCountnumber1Total number of pages
onPageChange(page: number) => voidCalled when the user navigates to a page
siblingCountnumber1Number of page buttons on each side of current page
showFirstLastbooleantrueShow first/last page jump buttons

Import

import { LlmPagination } from '@atelier-ui/react';