UI Library
Pagination
Paged navigation and range controls.
Basic
The v-pagination component is used to separate long sets of data.
Outline
The outlined variant keeps the pages visible without a filled surface.
Circle
Rounded circle pages compress the control into a softer shape.
Outline Circle
The outlined circle variant combines both treatments.
Disabled
Disabled pagination keeps the structure visible without interaction.
Icons
Previous and next icons can replace the plain arrow buttons.
Length
A longer length truncates the visible pages when the set grows.
Total visible
The total-visible value controls how many pages stay in view.
Color
Active color can follow the tone of the surrounding context.
Size
Pagination sizes stay readable while the footprint changes.