Browse components

Pagination

import Pagination from "@shpaw415/mui-lite/Pagination";

Why use it

Pagination moves between pages of results. Use when lists are server-paginated or long client lists should not scroll forever. TablePagination lives on the same export for data tables.

Demo

Example

import Pagination from "@shpaw415/mui-lite/Pagination";
 
<Pagination count={10} page={page} onChange={(_e, p) => setPage(p)} />

Props

PropTypeDefault
countnumberrequired
pagenumber
onChange(e, page) => void
colorprimary | secondary
shapecircular | roundedcircular
varianttext | outlinedtext