Holo Pagination
<holo-pagination> renders a nav landmark labelled “Pagination” with Previous/Next controls and
a truncated list of page number buttons (collapsed with an ellipsis for large page counts). The
current page is marked with aria-current="page", and the Previous/Next controls are disabled at
the bounds.
Live Previews
Section titled “Live Previews”Default
Section titled “Default”<holo-pagination page="1" total-pages="5"></holo-pagination>Many pages (ellipsis)
Section titled “Many pages (ellipsis)”<holo-pagination page="10" total-pages="20" sibling-count="1"></holo-pagination>API Reference
Section titled “API Reference”Properties
Section titled “Properties”| Property | Attribute | Description | Type | Default |
| -------------- | --------------- | ----------------------------------------------------------------- | -------- | ------- |
| page | page | The current page (1-indexed). | number | 1 |
| totalPages | total-pages | The total number of pages. | number | 1 |
| siblingCount | sibling-count | How many page numbers to show on either side of the current page. | number | 1 |
Events
Section titled “Events”| Event | Description | Type |
| ---------------- | ---------------------------------------------------- | --------------------- |
| holoPageChange | Emitted when the user navigates to a different page. | CustomEvent<number> |