Vue Pagination

Props

items

  • Type: Array
  • Default: []

Array with all items that should be paginated

limit

  • Type: Number
  • Default: 10

Number of items that will be shown per page

controlsOnTop

  • Type: Boolean
  • Default: false

Show controls on the top of pagination

controlsOnBottom

  • Type: Boolean
  • Default: true

Show controls at the bottom of pagination

controlsType

  • Type: String
  • Default: Pages

Change controls type between Pages and Numbers

controlsAlign

  • Type: String
  • Default: center

Set controls' align: left, center or right

from

  • Type: Number
  • Default: 1

Starting page after render

useKeyboard

  • Type: Boolean
  • Default: true

Using keyboard arrow to switch pages

value

  • Type: Number
  • Default: null

Current active page (used with v-model)

color

  • Type: String
  • Default: #35495e

Accent color that is passed and used in controls components

sidePagesNumber

  • Type: Number
  • Default: 3

Number of side pages that will be displayed before and after active page

withSideArrows

  • Type: Boolean
  • Default: true

Show side arrows for switching to previous and next pages

← Slots →