Pagination

Usage

ComponentSkin skinIndicates which skin should be used for the component Default value: ComponentSkin.DESIGN_SYSTEM

pandads

PaginationMode modeThe display mode of the pagination Default value: PaginationMode.BASIC

number pageThe current page number Default value: 1

number totalElementsTotal number of elements

number pageElementsNumber of elements per page Default value: 25

boolean isDisabledIndicates if the pagination is disabled (e.g. when loading) Default value: false

boolean showTotalItemsIndicates if the pagination should show the total number of items Default value: false

total-items-messageTotal items message displayed along the pagestotalElementsnumber

previous-textThe text to show in the previous button

textTooltipPrevThe text to show in the tooltip of the 5 previous pages button

next-textThe text to show in the next button

textTooltipNextThe text to show in the tooltip of the 5 next pages button

number page-changeEmitted when the page changes

export enum PaginationMode {
	SIMPLE = 'simple',
	BASIC = 'basic',
	TEXT = 'text',
	ARROW = 'arrow',
}

export enum ComponentSkin {
	PANDA = 'panda',
	DESIGN_SYSTEM = 'ds',
}