Navigation
Pagination
Page navigation control for paginated data. Shows page numbers with previous/next buttons.
LlmPaginationDemo
Live PreviewReact
jsx
<LlmPagination
page={3}
pageCount={10}
onPageChange={(p) => console.log(p)}
/>API (Angular)
| Prop | Type | Default | Description |
|---|---|---|---|
page | number | 1 | Current page (1-indexed) |
pageCount | number | 1 | Total number of pages |
onPageChange | (page: number) => void | — | Called when the user navigates to a page |
siblingCount | number | 1 | Number of page buttons on each side of current page |
showFirstLast | boolean | true | Show first/last page jump buttons |
Import
ts
import { LlmPagination } from '@atelier-ui/angular';