Finder Buy now

Pagination

Indicate a series of related content exists across multiple pages.

Bootstrap docs

Basic example

<!-- Pagination: basic example -->
<ngb-pagination [collectionSize]="70" [(page)]="page" [directionLinks]="false"></ngb-pagination>

With icons

<!-- Pagination: with icons -->
<ngb-pagination [collectionSize]="70" [(page)]="page" aria-label="Default pagination"></ngb-pagination>
<ngb-pagination [collectionSize]="70" [(page)]="page" [boundaryLinks]="true"></ngb-pagination>

Sizing

<!-- Large size -->
<ngb-pagination class="pagination pagination-lg" [collectionSize]="70" [(page)]="page" aria-label="Default pagination"></ngb-pagination>

<!-- Normal size -->
<ngb-pagination class="pagination" [collectionSize]="70" [(page)]="page" aria-label="Default pagination"></ngb-pagination>

<!-- Small size -->
<ngb-pagination class="pagination pagination-sm" [collectionSize]="70" [(page)]="page" aria-label="Default pagination"></ngb-pagination>

Light version

<!-- Pagination: light version -->
<ngb-pagination class="pagination pagination-light" [collectionSize]="70" [(page)]="page" aria-label="Default pagination"></ngb-pagination>
<ngb-pagination class="pagination pagination-light" [collectionSize]="70" [(page)]="page" [boundaryLinks]="true"></ngb-pagination>
Top