• Navigere mellom relaterte sider/seksjoner
  • Dele søkeresultater inn i flere sider
  • Dele store mengder relatert innhold inn i flere sider, eksempelvis i tabeller.
  • Erstatter ikke tabs, stepper eller andre progresjonsmenyer
  • For eksterne flater kan innhold under 2-3 skjermlengder vurderes uten paginering
Installer
Medium og small pagination
Medium og small
Label og indicator
Label og indicator
Pagination uten label
Indicator
KommandoInteraksjon
TabFokus settes på neste element i tab rekkefølgen
ShiftTabFokus settes på forrige element i tab rekkefølgen
SpaceVelger side/knapp i komponenten
EnterVelger side/knapp i komponenten
page number
Current page @note Pagination indexing starts at 1
siblingCount?number
Number of always visible pages before and after the current page.
boundaryCount?number
Number of always visible pages at the beginning and end.
onPageChange? ((page: number) => void)
Callback when current page changes
count number
Total number of pages
size?"medium" | "small" | "xsmall"
Changes padding, height and font-size
prevNextTexts?boolean
Display text alongside "previous" and "next" icons
renderItem?((item: PaginationItemProps) => ReactElement<any, any> | null)
Override pagination item rendering
className? string
ref? Ref<HTMLElement>
Pagination extends HTMLElement