Headless pagination overview
Pagination owns page index, page size, client or server mode, range metadata, and disabled state. You provide the button, select, and layout markup.
Basic composition
Build pagination from primitive directives while owning the buttons, select, and layout.
Headless pagination (Plain CSS)
Headless pagination (Tailwind CSS)
Accessibility baseline
- Use a labelled
nav[tngPagination]landmark. - Numbered page buttons expose
aria-current="page"when selected. - The page-size directive keeps the native select disabled state in sync.