Pagination

Squares, not pills; the current page is solid ink.

Leaf

The catalog

Install

npx @noordvc/raster-cli add pagination

Markup

<div class="rs-pages"><span class="rs-page">‹</span><span class="rs-page rs-page-on">1</span><span class="rs-page">2</span><span class="rs-page">›</span></div>

React

import { Pagination } from "@/components/raster/pagination";

<Pagination page={page} count={12} onPageChange={setPage} />

Classes

.rs-pages.rs-page.rs-page-on.rs-page-gap