---
category: navigation
---

# Pagination

Source: `components/ui/pagination.tsx`.

`Pagination` is a compound component. Its parts are exported **flat** (`PaginationContent`, not
`Pagination.Content`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `PaginationContent` | `React.ComponentProps<'ul'>` |
| `PaginationLink` | `PaginationLinkProps` |
| `PaginationItem` | `React.ComponentProps<'li'>` |
| `PaginationPrevious` | `React.ComponentProps<typeof PaginationLink>` |
| `PaginationNext` | `React.ComponentProps<typeof PaginationLink>` |
| `PaginationEllipsis` | `React.ComponentProps<'span'>` |

All parts accept `className` and are composed as children of `Pagination`.