Pagination Table of Contents

• Props
• Events

PropertiesPropertyAttributeDescriptionTypeDefaultactivePage active-pageIndex of the currently active page.number1allyLabel 🚫ally-labeldeprecated since v3.0.0, will be removed with next major release, use intl.root instead. Aria label what the pagination is used for.stringundefinedallyLabelNext 🚫ally-label-nextdeprecated since v3.0.0, will be removed with next major release, use intl.next instead. Aria label for next page icon.stringundefinedallyLabelPage 🚫ally-label-pagedeprecated since v3.0.0, will be removed with next major release, use intl.page instead. Aria label for page navigation.stringundefinedallyLabelPrev 🚫ally-label-prevdeprecated since v3.0.0, will be removed with next major release, use intl.prev instead. Aria label for previous page icon.stringundefinedintl intlOverride the default wordings that are used for aria-labels on the next/prev and page buttons.type PaginationInternationalization = {
  'root'?: string;
  'prev'?: string;
  'next'?: string;
  'page'?: string;
}{ "root": "Pagination", "prev": "Previous page", "next": "Next page", "page": "Page" }itemsPerPage items-per-pageThe total count of items which should be shown per page.number1maxNumberOfPageLinks 🚫max-number-of-page-linksHas no effect anymore deprecated since v3.10.0, will be removed with next major releasePaginationMaxNumberOfPageLinksundefinedshowLastPage show-last-pageShow or hide the button to jump to the last page.booleantruetheme themeAdapts the color when used on dark background.type Theme =
'light'
'dark'
'auto''light'totalItemsCount total-items-countThe total count of items.number1EventsEventDescriptionTypepageChange 🚫deprecated since v3.0.0, will be removed with next major release, use update event instead. Emitted when the page changes.type PaginationUpdateEventDetail = {
  page: number;
  previousPage: number;
}
CustomEvent<PaginationUpdateEventDetail>update Emitted when the page changes.type PaginationUpdateEventDetail = {
  page: number;
  previousPage: number;
}
CustomEvent<PaginationUpdateEventDetail>