Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
components/pagination.md
1# Pagination23Page navigation45**Parts:** `PaginationRoot`, `PaginationList`, `PaginationListItem`, `PaginationFirst`, `PaginationPrev`, `PaginationNext`, `PaginationLast`, `PaginationEllipsis`67## PaginationRoot89### Props10| Prop | Type | Default |11|------|------|---------|12| `as` | `AsTag \| Component` | `"nav"` |13| `asChild` | `boolean` | - |14| `defaultPage` | `number` | `1` |15| `disabled` | `boolean` | - |16| `itemsPerPage` | `number` | `10` |17| `page` | `number` | - |18| `showEdges` | `boolean` | `false` |19| `siblingCount` | `number` | `2` |20| `total` | `number` | `0` |2122### Emits23| Event | Payload |24|-------|---------|25| `update:page` | `[value: number]` |2627### Slots28| Slot | Type |29|------|------|30| `page` | `number` |31| `pageCount` | `number` |3233## PaginationList3435### Props36| Prop | Type | Default |37|------|------|---------|38| `as` | `AsTag \| Component` | `"div"` |39| `asChild` | `boolean` | - |4041### Slots42| Slot | Type |43|------|------|44| `items` | `{ type: "ellipsis"; } \| { type: "page"; value: ...` |4546## PaginationListItem4748### Props49| Prop | Type | Default |50|------|------|---------|51| `as` | `AsTag \| Component` | `"button"` |52| `asChild` | `boolean` | - |53| `value`* | `number` | - |5455## PaginationFirst5657### Props58| Prop | Type | Default |59|------|------|---------|60| `as` | `AsTag \| Component` | `"button"` |61| `asChild` | `boolean` | - |6263## PaginationPrev6465### Props66| Prop | Type | Default |67|------|------|---------|68| `as` | `AsTag \| Component` | `"button"` |69| `asChild` | `boolean` | - |7071## PaginationNext7273### Props74| Prop | Type | Default |75|------|------|---------|76| `as` | `AsTag \| Component` | `"button"` |77| `asChild` | `boolean` | - |7879## PaginationLast8081### Props82| Prop | Type | Default |83|------|------|---------|84| `as` | `AsTag \| Component` | `"button"` |85| `asChild` | `boolean` | - |8687## PaginationEllipsis8889### Props90| Prop | Type | Default |91|------|------|---------|92| `as` | `AsTag \| Component` | `"div"` |93| `asChild` | `boolean` | - |94