Design systém4.2

gov-pagination

Properties

PropertyAttributeDescriptionTypeDefault
accessiblePageLabelaccessible-page-labelAdds accessible label for the page itemstring"Strana"
accessibleSelectLabelaccessible-select-labelAdds accessible label for the page selectstring"Vybrat stranu"
colorcolorStyle variation of the pagination."neutral" | "primary""primary"
currentcurrentCurrently displayed pagenumber1
labelEndlabel-endDescription of the option to move one page forward"Přejít na konec"'Přejít na konec'
labelNextlabel-nextDescription of the option to go to the end of paging"Přejít na další stranu"'Přejít na další stranu'
labelPrevlabel-prevDescription of the possibility to go back one page"Přejít o stranu zpět"'Přejít o stranu zpět'
labelStartlabel-startDescription of the option to go to the top of paging"Přejít na začátek"'Přejít na začátek'
linklinkSetting a link to redirect to a given page. The {PAGE} wildcard can be used in the link to replace the page number. Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.stringundefined
maxPagesmax-pagesMaximum pages displayed for selectionnumber5
pageSizepage-sizeMaximum number of entries per pagenumber10
selectIdentifierselect-identifierCustom select identifier.stringundefined
sizesizePagination's size"m" | "s""m"
totaltotalTotal count of entriesnumber0
typetypePagination type"button" | "select""button"

Events

EventDescriptionType
gov-pageEvent called when changing the page with the current setting of the whole pagingCustomEvent<PaginationEvent>

Dependencies

Depends on

Graph


Built with StencilJS