Vue Smart Pagination Component API

Smart Pagination API

Explore the API reference for the Vue Smart Pagination component and discover how to effectively utilize its props for customization.

On this page

jsx

import { CSmartPagination } from '@coreui/vue-pro'

Property	Default	Type
align	`'start'`	`string`
Horizontall align
activePage	`1`	`number`
Current page number
arrows	`true`	`boolean`
Show/hide arrows
dots	`true`	`boolean`
Show/hide dots
doubleArrows	`true`	`boolean`
Show double arrows buttons
firstButton	`'«'`	`string`
The content of 'firstButton' button
lastButton	`'»'`	`string`
The content of 'lastButton' button
limit	`5`	`number`
Maximum items number
nextButton	`'&rsaquo;'`	`string`
The content of 'nextButton' button
pages	`1000`	`number`
Number of pages
previousButton	`'&lsaquo;'`	`string`
The content of 'previousButton' button
size	`undefined`	`string`
Size of pagination, valid values: 'sm', 'lg'

Event name
activePageChange
On active page change callback.