Appearance
Pagination
Allows the division of content into manageable pages, facilitating organized navigation through large sets of data or information.
The Component
Del 1 al 10 de 100 resultados
Usage
The pagination component adapts and calculates the number of pages based on the given number of items and items per page. It's responsive, on mobile it changes into previous and next buttons to fit a smaller width.
Props
| Name | Default | Description | Type |
|---|---|---|---|
| currentPage | 1 | The currently active page | Number |
| totalItems | 100 | The total number of results | Number |
| itemsPerPage | 10 | The number of results shown per page | Number |
| currentPageClass | page-btn-current | Class for the currently active page | String |
Events
| Name | Argument | Description |
|---|---|---|
| @changePage | page number | Emitted when page is changed |
Dependencies
- heroicons