IPagerProps
@spartanfx/react / IPagerProps
Interface: IPagerProps
Props for the Pager component.
Properties
| Property | Type | Default value | Description |
|---|---|---|---|
appearance? | AppearanceMode | AppearanceMode.light | Visual appearance mode - light or dark theme support. |
ariaLabelNext? | string | undefined | Accessible label for the next page button |
ariaLabelPrevious? | string | undefined | Accessible label for the previous page button |
children | (itemsOnPage) => ReactNode | undefined | Render function receiving the current page's items |
className? | string | undefined | Additional CSS class name for the root element. |
classNames? | IPagerClassNames | undefined | CSS class name overrides for component elements. |
items | any[] | undefined | Array of items to paginate |
layout? | PagerLayout | undefined | Layout variant controlling visible UI elements |
numberOfItemsPerPage | number | undefined | Number of items to display per page |
onPageChange? | (page) => void | undefined | Callback fired when the user navigates to a different page. Use this to trigger server-side data fetching for the requested page. |
style? | CSSProperties | undefined | Inline styles for the root element. |
tokens? | IPagerTokens | undefined | Design tokens for theming. |
totalItems? | number | undefined | Server-side total item count. When provided, overrides items.length for computing the number of pages. Use this when the full dataset lives on the server and only one page of items is loaded at a time. |