Pagination
Page navigation for long lists and data tables. Composable parts for full control over the rendered markup.
Basic
With ellipsis
First page (disabled prev)
Parts
| Prop | Type | Default | Description |
|---|---|---|---|
| Pagination | nav | — | Root navigation wrapper. |
| PaginationContent | ul | — | Flex row containing all items. |
| PaginationItem | li | — | List item wrapper. |
| PaginationLink | a | — | Page number link. Set isActive for the current page. |
| PaginationLink isActive | boolean | false | Marks the link as the current page. |
| PaginationPrevious | a | — | Previous page link with chevron icon. Add aria-disabled="true" on the first page. |
| PaginationNext | a | — | Next page link with chevron icon. Add aria-disabled="true" on the last page. |
| PaginationEllipsis | span | — | Decorative ellipsis between non-contiguous page ranges. |