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. |