Pagination Navigation aid that divides content into discrete pages, allowing users to navigate through large sets of data.
Note:
Use aria-current="true" on the active page button to set that as the current active page. This ensures the proper accessibility and rewards you with the proper styles.
Pay attention to the aria-label text for the current and non-current pages.
Also, note how the appropriate pagers get disabled when the first and last pages are active.
Properties Jump to heading
| Class / Token | Type | |
|---|---|---|
.prs-pagination |
Component | Container |
.prs-pagination-pager |
Part | Page navigation |
.prs-pagination-pager_disabled |
State | Page navigation disabled |