ComponentsPagination
Pagination
The Pagination component allows you to navigate through large sets of data by dividing it into smaller chunks, making it easier for users to browse through your application.
The Pagination component allows you to navigate through large sets of data by dividing it into smaller chunks, making it easier for users to browse through your application.
API reference docs for the component. Learn about the props, CSS, and other APIs of this exported module.
number
Total number of data items
number
'ltr' | 'rtl'
The document's text/writing direction.
() => ShadowRoot | Node | Document
A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.
string
The unique identifier of the machine.
Partial<{ root: string ellipsis(index: number): string prevPageTrigger: string nextPageTrigger: string pageTrigger(page: number): string }>
The ids of the elements in the accordion. Useful for composition.
(details: PageChangeDetails) => void
Called when the page number is changed, and it takes the resulting page number argument
number
The active page
number
Number of data items per page
number
Number of pages to show beside active page
IntlTranslations
Specifies the localized strings that identifies the accessibility elements and their states
'link' | 'button'
The type of the trigger element
(props: EllipsisProps) => Dict<any>
(page: PageTriggerProps) => Dict<any>
boolean
Whether the current page is the first page.
boolean
Whether the current page is the last page.
Dict<any>
number
The current page.
PageRange
The page range. Represented as an object with `start` and `end` properties.
Pages
The page range. Represented as an array of page numbers (including ellipsis)
Dict<any>
Dict<any>
(count: number) => void
Function to set the total number of pages.
(page: number) => void
Function to set the current page.
(size: number) => void
Function to set the page size.
<V>(data: V[]) => V[]
Function to slice an array of data based on the current page.
number
The total number of pages.
number
The next page.
number
The previous page.
number
'page'
number