Pagination component.

[JuniorEC]

Is there any parameter to control quantity of a particular colections on each page? I'm running through a list of 6 objects, and I limit the itemPerPage to 3 items, and nothing is happening, is there something wrong with my code?
I'm posting here because nobody can help with stackoverflow.

    <ul class="collection">
  <div class="col s12">
<li class="collection-item avatar" *ngFor="let item of listaCliente">
    <div *ngIf="item.statusCliente == 'ATIVO'; else inativo">
      <i class="material-icons circle green">perm_identity</i>
    </div>
    <span class="title">{{item.nome}}</span>
    <p>CPF: {{item.cpf}} <br>
      Status: {{item.statusCliente}}
    </p>
    <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a>
    <a class="secondary-content waves-effect waves-light blue lighten-1 btn"><i class="material-icons right">person</i>Visualizar</a>
  </li>
    <mz-pagination [currentPage]="paginationCurrentPage" [enableFirstAndLastPageButtons]="paginationEnableFirstAndLastPageButtons"
      [itemsPerPage]="paginationItemPerPage" [maxPageButtons]="paginationMaxPageButtons" [totalItems]="paginationTotalItems"
      (pageChange)="playgroundPageChange($event)">
    </mz-pagination>
  </div>
</ul>

• Version used: 6.1.3
• Angular version used: .6.0.0
• Browser Name and version: Chrome Versão 69.0.3497.100 (Versão oficial) 64 bits
• Operating System and version (desktop or mobile): Windows 10
• Link to your project (if appropriate):