Pagination is a custom component to display a pagination number list
import {{'{'}}Pagination{{'}'}} from 'fuel-ui/fuel-ui';
Pagination is a custom element to show an interactive list of page numbers to use for paging
<pagination
[(currentPage)]="currentPage"
totalPages="10"
pagesAtOnce="1"
[showSelect]="true"
[showEnds]="true"
[showSteps]="false"
(currentPageChange)="pageChange($event)">
</pagination>
export class PaginationExample {{'{'}}
currentPage: number = 1;
pageChange(page: number): void {{'{'}}
console.log('New Page: ' + page);
{{'}'}}
{{'}'}}