Skip to content
Navigation

Pagination

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

LlmPagination
WCAG AA0 deps

Demo

Live PreviewReact
html
<llm-pagination
  [(page)]="page"
  [pageCount]="10"
/>

API (Angular)

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

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