Pagination
Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
Basic
The v-pagination component is used to separate long sets of data.
Outline
The variant='outline' prop is used to give outline to pagination item.
Circle
The rounded prop allows you to render pagination buttons with alternative styles.
Circle Outline
The rounded prop allows you to render pagination buttons with alternative styles.
Disabled
Pagination items can be manually deactivated using the disabled prop.
Icons
Previous and next page icons can be customized with the prev-icon and next-icon props.
Length
Using the length prop you can set the length of v-pagination, if the number of page buttons exceeds the parent container, it will truncate the list.
Total visible
You can also manually set the maximum number of visible page buttons with the total-visible prop.
Color
Use active-color prop for create different color pagination.
Size
Use size prop to sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: x-small, small, default, large, and x-large.
CONTENTS
Introduction
Basic
Outline
Circle
Outline Circle
Disabled
Icons
Length
Total visible
Color
Size