Pagiinator
A highly customizable pagination component library.
By installing this component and writing only a little bit of CSS you can obtain this:
or
Installation
Install pagiinator
with npm:
npm install pagiinator --save
In your App Module add:
import { VjPaginatorModule } from 'pagiinator';
Demo
Props
Name | Type | Description |
---|---|---|
items |
Number |
Required. Array of data to be paginated |
maxPages |
Number |
Required. The range of pages displayed. |
pageSize |
Number |
Required. The number of items to display per page. |
textColor |
String |
Color of the text. |
bgColor |
String |
Background color for active page. |
position |
Node |
Position on page ('left', 'center', 'right'). |
changePage |
Function |
The method to call when a page is clicked. Exposes the current page object as an argument. |