Long hierarchy
Preserve useful endpoints
Optional intermediate levels hide at narrow widths. A visible ellipsis communicates that hierarchy was condensed.
Pagination
Link to stable result pages
Page URLs preserve browser history and filtered result state. Optional numbers reduce cleanly at narrow widths.
Compact
Keep movement and context
Compact Pagination suits narrow panels and mobile screens where a complete page-number sequence is unnecessary.
Boundary states
Remove unavailable destinations
At the first page, Previous has no URL, leaves the tab order, and exposes its unavailable state.
Usage guidance
Preserve real navigation behavior.
Use links with durable URLs so history, open-in-new-tab, and copied destinations continue to work.
Next component: Table