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.