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.
| Prop | Type | Default |
|---|---|---|
count | number | |
asChild | boolean | |
defaultPage | number | |
dir | 'ltr' | 'rtl' | |
getRootNode | () => ShadowRoot | Node | Document | |
id | string | |
ids | Partial<{
root: string
ellipsis(index: number): string
prevPageTrigger: string
nextPageTrigger: string
pageTrigger(page: number): string
}> | |
onPageChange | (details: PageChangeDetails) => void | |
page | number | |
pageSize | number | |
siblingCount | number | |
translations | IntlTranslations | |
type | 'link' | 'button' |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
index | number | |
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
type | 'page' | |
value | number | |
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |