# PaginationGroup Navigates a finite collection of numbered pages. ```html ``` ## Attributes | Attribute | Type or allowed values | Default | Description | | --- | --- | --- | --- | | `current-page` | `number` | `1` | Sets the selected page. | | `number-of-pages` | `number` | `1` | Sets the total page count. | | `href-template` | `string` | None | Sets link locations by replacing `{page}` with the page number. | ## Events | Event | Type | Description | | --- | --- | --- | | `noora-page-change` | `CustomEvent<{ page: number }>` | Emitted when a page control is activated. | ## Styling parts | Part | Description | | --- | --- | | `pagination` | The pagination container. | | `page` | Each page control. | | `previous` | The previous-page control. | | `next` | The next-page control. | Page activation emits a `noora-page-change` event. ## Page positions Compare the first, middle, last, and second page positions. ```html ``` ## Page counts Show ellipsis behavior across small and large collections. ```html ``` ## Edge cases Handle one-page, two-page, and near-boundary collections. ```html ```