Pagination
The Pagination component is used to separate long sets of data so that it is easier for a user to consume information. Depending on the length provided, the pagination component will automatically scale. To maintain the current page, simply supply a model attribute.
info
For more details about Vuetify’s usage of Pagination component, click Pagination page.
For more prop explanations, click Vuetify Pagination API page.
Props
| Attribute | Description | Type | Default |
|---|---|---|---|
| class | Allows custom properties to take effect. | string | undefined |
| dark | Applies the dark theme. | boolean | false |
| value | Controls the selected page. | number | 0 |
| circle | Shape pagination elements as circles. | boolean | false |
| disabled | Disables component. | boolean | false |
| length | The length of the pagination component. | number | 5 |
| nextIcon | Specify the icon to use for the next icon. | string | undefined |
| prevIcon | pecify the icon to use for the prev icon. | string | undefined |
| totalVisible | Specify the max total visible pagination numbers. | number-string | undefined |
| tabindex | Allows component to give and receive focus. | number | undefined |
| visible | Visibility of Pagination component. | boolean | true |
Events
| Attribute | Description |
|---|---|
| input | Emits when updated |