loom muslin

Pagination

Page navigation with a first/last window and prev/next buttons.

Previewlive — edit controls below

Content

Basic

import { Pagination } from "@loom/muslin-react";

<Pagination totalPages={10} defaultPage={1} />

Controlled paging

Drive the page from state; ellipsis appears past 7 pages.

import { Pagination } from "@loom/muslin-react";

const [page, setPage] = useState(4);

<Pagination totalPages={40} page={page} onPageChange={setPage} />