mirror of
https://github.com/directus/directus.git
synced 2026-02-06 00:14:56 -05:00
62eb1484b6
* Rotate JPG image on upload #4206 * fixes #3949 width/height generated for gif and tif * API hooks for event added for auth.login #4079 * updated doc for api hooks for new auth.login event * Style tweaks * Update docs * Tweak docs some more * Spelling error * Allow non-required flags and pass to hook * SDK - Persistent login refresh fixes #4113 * Fixed #4145 SDK, Token Expired error * Spell check * Docs Spell check * Docs Spell check * Docs Spell check Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
34 lines
1.2 KiB
Markdown
34 lines
1.2 KiB
Markdown
# Pagination
|
|
|
|
Add a pagination to a list or similar to allow for access to multiple pages.
|
|
|
|
## Usage
|
|
|
|
```html
|
|
<v-pagination v-model="currentPage" :length="6" />
|
|
```
|
|
|
|
## Reference
|
|
|
|
#### Props
|
|
|
|
| Prop | Description | Default | Type |
|
|
| ----------------- | ------------------------------------------------ | ----------- | --------- |
|
|
| `length`\* | The amount of pages to render | `null` | `Number` |
|
|
| `value` | Currently selected page | `null` | `Number` |
|
|
| `disabled` | Disables the pagination | `false` | `Boolean` |
|
|
| `total-visible` | Specify the max total visible pagination numbers | `undefined` | `Number` |
|
|
| `show-first-last` | Show first/last buttons | `false` | `Boolean` |
|
|
|
|
#### Events
|
|
|
|
| Event | Description | Value |
|
|
| ------- | --------------------- | -------- |
|
|
| `input` | When the page changes | `number` |
|
|
|
|
#### CSS Variables
|
|
|
|
| Variable | Default |
|
|
| ----------------------------- | ---------------- |
|
|
| `--v-pagination-active-color` | `var(--primary)` |
|