Sidera/Components/Pagination
Pagination
Pagination breaks a long list into digestible pages, keeping the current position clear and the next step one click away.
CategoryNavigation
StatusStable
01 —Overview
Try navigating — the component windows the page numbers around the current page and collapses the rest into an ellipsis.
02 —Mid-range
03 —Properties
PropTypeDefault
totalnumberrequired
pagenumber (controlled)—
defaultPagenumber1
onPageChange(page) => void—
04 —Accessibility
- Wrapped in a
navlabelled "Pagination". - The current page is marked
aria-current="page". - Prev/next buttons disable at the ends and have descriptive labels.