import { Pagination } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
pagereq | number | — | Current page (1-based) |
totalPagesreq | number | — | Total number of pages |
onPageChangereq | (page: number) => void | — | Called when page changes |
totalItems | number | — | Show total item count |
pageSize | number | — | Items per page (for display) |
density | "default" | "compact" | — | Display density |
pagerequiredType
numberDefault —Current page (1-based)
totalPagesrequiredType
numberDefault —Total number of pages
onPageChangerequiredType
(page: number) => voidDefault —Called when page changes
totalItemsType
numberDefault —Show total item count
pageSizeType
numberDefault —Items per page (for display)
densityType
"default" | "compact"Default —Display density
MobileTouch Target
Page buttons must be ≥44px. On mobile, hide numbered pages and show only prev/next arrows plus current page/total. Use the compact variant.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?