Skip to main content
Vuetify0 is now in alpha!
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

Pagination API

API reference for the Pagination components.

Explore these related pages for additional context and usage patterns.

PageCategory
PaginationSemantic
createPaginationData
createOverflowUtilities

Pagination.Root

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:pagination"

size

number | undefined

Total number of items

Default: 1

totalVisible

number | undefined

Number of visible page buttons. If undefined, auto-calculates based on container width.

itemsPerPage

number | undefined

Number of items per page

Default: 10

ellipsis

string | false | undefined

Ellipsis character

Default: "..."

modelValue

number | undefined

Default: 1

Events

update:model-value

[value: T | T[]]

Slots

default

PaginationRootSlotProps

Pagination.Ellipsis

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:pagination"

ellipsis

string | undefined

Ellipsis character to display (overrides context)

id

string | undefined

Unique identifier for registration

Default: useId()

Slots

default

PaginationEllipsisSlotProps

Pagination.First

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:pagination"

disabled

boolean | undefined

Override disabled state

id

string | undefined

Unique identifier for registration

Default: useId()

Slots

default

PaginationFirstSlotProps

Pagination.Item

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:pagination"

value required

number

Page number this item represents

disabled

boolean | undefined

Override disabled state

Default: false

id

string | undefined

Unique identifier for registration

Default: useId()

Slots

default

PaginationItemSlotProps

Pagination.Last

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:pagination"

disabled

boolean | undefined

Override disabled state

id

string | undefined

Unique identifier for registration

Default: useId()

Slots

default

PaginationLastSlotProps

Pagination.Next

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:pagination"

disabled

boolean | undefined

Override disabled state

id

string | undefined

Unique identifier for registration

Default: useId()

Slots

default

PaginationNextSlotProps

Pagination.Prev

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:pagination"

disabled

boolean | undefined

Override disabled state

id

string | undefined

Unique identifier for registration

Default: useId()

Slots

default

PaginationPrevSlotProps

Pagination.Status

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:pagination"

Slots

default

PaginationStatusSlotProps
Was this page helpful?

Ctrl+/