Pagination

Básico

Links numerados com controles anterior e próximo.

<Pagination label="Pagination">
  <PaginationContent>
    <PaginationItem>
      <PaginationPrevious label="Previous page" onClick={…} />
    </PaginationItem>
    <PaginationItem>
      <PaginationLink isActive>1</PaginationLink>
    </PaginationItem>
    <PaginationItem>
      <PaginationNext label="Next page" onClick={…} />
    </PaginationItem>
  </PaginationContent>
</Pagination>

Com ellipsis

Trunca o meio quando há muitas páginas.

Com tamanho de página

Combine `PaginationPageSize` com os controles de navegação quando o consumidor precisar alterar quantas linhas são mostradas.