Buttons for page navigation
<Pagination
currentPage={ 1 }
numberOfItems={ 50 }
itemsPerPage={ 10 }
onChange={(page) => console.log('Changed to page ' + page)}
/>import Pagination from 'paginering'| Property | Type | Required | Description | Default |
|---|---|---|---|---|
| className | string | false | Additional classnames | - |
| highContrast | boolean | false | High contrast version | false |
| currentPage | number | false | Set current page (if value is out of range, it will not update) | 1 |
| itemsPerPage | number | true | Sets the number of items per page, in order to calculate how many pages are needed | - |
| numberOfItems | number | true | Total number of items, in order to calculate how many pages are needed | - |
| maxPageButtons | number | false | Sets the maximum number of visible page buttons (excluding arrows) | 9 |
| onChange | function | false | Callback function for any page button click, with the targeted page number as a parameter | - |