Components / Pagination
Pagination
Controlled page navigation with current-page and previous/next semantics.
html
<aevko-pagination label="Results pages" [(page)]="page" [totalPages]="5" />Installation
npx aevko-ui@latest add pagination --yesSource ownership
Customization
Bind the current page to application state, choose a landmark label and edit page-window behavior locally for large collections.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
page | model<number> | 1 | Current page with two-way binding support. |
totalPages | number | required | Number of available pages. |
label | string | 'Pagination' | Accessible name for the navigation landmark. |
Accessibility contract
Accessibility
Included behavior
- The host is a named navigation landmark and the active page uses aria-current.
Your responsibility
Keep the current page synchronized with results and preserve focus when page content updates.