Pagination
Controls for navigating between pages of paginated content.
$
Registry itembunx shadcn@latest add @nx-ui/paginationBasic usage
Previous and next controls flanking a run of page links, built from composable parts.
With ellipsis
For long runs, collapse distant pages behind an ellipsis so the control stays compact.
Links only
Drop the previous/next labels for a minimal, icon-free run of page numbers — useful in tight toolbars.
Boundary state
At the first or last page, the adjacent previous/next control is visually disabled via aria-disabled.
Paginated table
A realistic composition: site compliance records with pagination controlling the visible page.
| Site | Reference | Tonnage received | Status |
|---|---|---|---|
| Foxhollow Reclamation Yard | NXS-1042 | 812t | Compliant |
| Marlden Composting Facility | NXS-1043 | 1,204t | Compliant |
| Redcliffe Soil Bank | NXS-1044 | 398t | Under review |
| Aldergate Transfer Station | NXS-1045 | 2,015t | Compliant |
| Brackenfield Landfill | NXS-1046 | 664t | Flagged |
Showing 1–5 of 118 sites across the Nexus movement network
API reference
Exported parts and their props, extracted from the component source.