shadow
Komponent Pagination
slúži na zobrazenie stránkovania v aplikáciách. Umožňuje používateľom navigovať medzi rôznymi stránkami obsahu a zlepšuje tak používateľskú skúsenosť pri prehliadaní veľkého množstva údajov.
Max pages
page
Description | Current page number. |
Attribute | page |
Type | number |
Default | 0 |
maxPages
Description | The maximum number of pages displayed in the navigation. |
Attribute | max-pages |
Type | number |
Default | 3 |
PageSize
Description | Number of items per page. |
Attribute | page-size |
Type | number |
Default | 3 |
Description | Total number of items. |
Attribute | total-items |
Type | number |
Default | 0 |
Description | If true , the button for the first page is displayed. |
Attribute | show-first-button |
Type | boolean |
Default | false |
Description | If true , the button for the last page is displayed. |
Attribute | show-last-button |
Type | boolean |
Default | false |
Description | If true , the buttons will be rounded. |
Attribute | round |
Type | boolean |
Default | false |
Description | If true , informational text about the displayed items is displayed. |
Attribute | show-info |
Type | boolean |
Default | false |
Name | Description |
---|
wje-pagination:page-change | Called when changing the page. |
Description | Pages items based on the total number of items, the current page, the page size, and the maximum number of pages to display. |
Signature | (totalItems: number, currentPage?: number, pageSize?: number, maxPages?: number) => object |
Name | Description |
---|
native | Wrapper element for the pagination component. |
Name | Description |
---|
--wje-font-size-small | Font size for informative text |
No slots available for this component.