Vue Smart Pagination Component API
Smart Pagination API
This component is part of CoreUI PRO – a powerful UI library with over 250 components and 25+ templates, designed to help you build modern, responsive apps faster. Fully compatible with Angular, Bootstrap, React.js, and Vue.js.
Explore the API reference for the Vue Smart Pagination component and discover how to effectively utilize its props for customization.
import { CSmartPagination } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
Current page number |
Horizontall align |
Show/hide arrows |
Show/hide dots |
Show double arrows buttons |
The content of the firstButton button. A string is rendered as HTML; pass a VNode to put an icon there instead. |
The content of the lastButton button. A string is rendered as HTML; pass a VNode to put an icon there instead. |
Maximum items number |
The content of the nextButton button. A string is rendered as HTML; pass a VNode to put an icon there instead. |
Number of pages |
The content of the previousButton button. A string is rendered as HTML; pass a VNode to put an icon there instead. |
Size of pagination, valid values: 'sm', 'lg' |
| Event name |
|---|
On active page change callback. |
