Vue Pagination - Argon

The ArgonPagination helps you to create a beautiful pagination list with its items.


Demo

Props Information

NameTypeDefaultDescription
slotnodeThe ArgonPagination has a default slot that receives ArgonPaginationItem as node.
color'primary''secondary''info''success''warning''danger''light''dark'successUsed to set the background of the ArgonPagination.
size'sm''md''lg'mdUsed to set the size of the ArgonPagination.
labelstringUsed to set label of the ArgonPaginationItem.
activeboolfalseUsed to mark the ArgonPaginationItem as active.
disabledboolfalseUsed to mark the ArgonPaginationItem as disabled.
prevboolfalseUsed to add left-arrow to the ArgonPaginationItem. Avoid using it with the label.
nextboolfalseUsed to add right-arrow to the ArgonPaginationItem. Avoid using it with the label.

Sizes

Contents