Pagination

Pagination is a custom component to display a pagination number list

Import


import {{'{'}}Pagination{{'}'}} from 'fuel-ui/fuel-ui';

Getting Started

Pagination is a custom element to show an interactive list of page numbers to use for paging

Usage


<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);
    {{'}'}}
{{'}'}}

Attributes

Loading table...

Events

Loading table...