Skip to main content
Version: 1.0.7

IPagerProps

@spartanfx/react v1.0.7


@spartanfx/react / IPagerProps

Interface: IPagerProps

Props for the Pager component.

Properties

PropertyTypeDefault valueDescription
appearance?AppearanceModeAppearanceMode.lightVisual appearance mode - light or dark theme support.
ariaLabelNext?stringundefinedAccessible label for the next page button
ariaLabelPrevious?stringundefinedAccessible label for the previous page button
children(itemsOnPage) => ReactNodeundefinedRender function receiving the current page's items
className?stringundefinedAdditional CSS class name for the root element.
classNames?IPagerClassNamesundefinedCSS class name overrides for component elements.
itemsany[]undefinedArray of items to paginate
layout?PagerLayoutundefinedLayout variant controlling visible UI elements
numberOfItemsPerPagenumberundefinedNumber of items to display per page
onPageChange?(page) => voidundefinedCallback fired when the user navigates to a different page. Use this to trigger server-side data fetching for the requested page.
style?CSSPropertiesundefinedInline styles for the root element.
tokens?IPagerTokensundefinedDesign tokens for theming.
totalItems?numberundefinedServer-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.