◇
Pagination
8 partsAnatomy
Import the parts and compose them. Each part forwards attributes to its underlying element.
vue
import {
PaginationRoot,
PaginationList,
PaginationListItem,
PaginationEllipsis,
PaginationFirst,
PaginationLast,
PaginationPrev,
PaginationNext,
} from '@robonen/primitives/pagination';
<PaginationRoot>
<PaginationList />
<PaginationListItem />
<PaginationEllipsis />
<PaginationFirst />
<PaginationLast />
<PaginationPrev />
<PaginationNext />
</PaginationRoot>API Reference
PaginationRoot
Root| Prop | Type | Description |
|---|---|---|
total | number | — |
pageSize? | number | — |
siblingCount? | number | — |
showEdges? | boolean | — |
disabled? | boolean | — |
defaultPage? | number | — |
PaginationList
ListNo props or events — renders its element and forwards attributes.
PaginationListItem
ListItem| Prop | Type | Description |
|---|---|---|
value | number | — |
PaginationEllipsis
EllipsisNo props or events — renders its element and forwards attributes.
PaginationFirst
FirstNo props or events — renders its element and forwards attributes.
PaginationLast
LastNo props or events — renders its element and forwards attributes.
PaginationPrev
PrevNo props or events — renders its element and forwards attributes.
PaginationNext
NextNo props or events — renders its element and forwards attributes.