Skip to main content

Interface: GridPaginationProps

Defined in: components/GridPagination.tsx:18

Properties​

className?​

optional className?: string

Defined in: components/GridPagination.tsx:61

Extra CSS class applied to the root element.

labels?​

optional labels?: Record<string, string>

Defined in: components/GridPagination.tsx:58

Label overrides for the text inside the component. Supported keys: previous, next, page, of

onPageChange​

onPageChange: (page) => void

Defined in: components/GridPagination.tsx:30

Called when the user navigates to a different page. Receives the newly selected page number (1-based).

Parameters​

page​

number

Returns​

void

pageHref?​

optional pageHref?: (page) => string

Defined in: components/GridPagination.tsx:38

URL for a given page. Supply it and the entries render as anchors, so the browser can preview the target, open it in a new tab and copy the link; a plain click is still handled in the client. Without it they stay buttons, which navigate on click only.

Parameters​

page​

number

Returns​

string

products​

products: Pick<ProductsResponse, "page" | "pages"> | { page?: number; pages?: number; }

Defined in: components/GridPagination.tsx:24

Pagination state: page (current page) and pages (total pages). Structural, so a ProductsResponse fits as-is and callers holding the two numbers on their own — useSpareParts, FavoriteListDetails — need no cast.

siblingCount?​

optional siblingCount?: number

Defined in: components/GridPagination.tsx:52

Number of visible page buttons rendered around the current page in 'full' style. Defaults to 5.

variant?​

optional variant?: string

Defined in: components/GridPagination.tsx:46

Pagination display variant. 'compact' — Previous / "Page X of Y" / Next. 'full' — numbered page buttons with ellipsis collapsing + Previous / Next. Defaults to 'compact'.