pagination

Page navigation.

status: stable js: none support: baseline

Preview

<ul class="pagination"><li class="pagination-item"><a class="pagination-link" href="#" aria-current="page">1</a></li></ul>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/pagination.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add pagination

nav + aria-label; aria-current=page; remove href or tabindex=-1 on disabled

.pagination .pagination-item .pagination-link .pagination-ellipsis .pagination-prev .pagination-next

base/tokens