Ngx-light-pagination NPM

Ngx Light Pagination - by Arghyadeep ·

This is a light weight pagination library built for angular 2+ versions. Less than 15 kb, No Dependencies. This library was generated with Angular CLI version 8.2.11. Most likely it will work with angular 5, 6, 7, 8. Please open an issue if you face any bug.

Features

Light weight only 12.8kb.
No Major Dependencies expect angular browser, core & tslib.
Supports prev, next and select page events.
Neat & Clean UI.
5 points pagination.
Fast loading.
Intelligent multi color sensing.
Dark & Light color theme supported.
Custom Style Support will be added soon Coming Soon
2 More design will be added soon Coming Soon

Demo

ngx-light-pagination-banner

View Demo

Install

For Installation npm install --save ngx-light-pagination.
Import ngx light pagination module import { NgxLightPaginationModule } from 'ngx-light-pagination'; and then imports: [... NgxLightPaginationModule ].
Ngx light pagination supports two property binding [color] and [paginationData].
You can pass your brand's website/application color [color]="themeColor" or color="#ff0000".
To pass the pagination data you need to use this binding [paginationData]="paginationMeta".
paginationMeta should have perPageItem: number; totalItem: number; currentPage: number; totalPage: number.
Example of paginationMeta looks like. this.paginationMeta = { perPageItem: 5, totalItem: 50, currentPage: 3, totalPage: 10}
Ngx light pagination supports 3 event types - Next page, Previous Page, Any Selected Page. To use the event binding see this part (onPageChange)="paginationEvents($event)".
Emitted event returns an object with Type & Data. Example: Type: 'Previous Page' & Data: 1. Here 1 is the previous page number where user want to go.
Complete HTML template example to use for pagination. <ngx-light-pagination [color]="themeColor" [paginationData]="paginationMeta" (onPageChange)="paginationEvents($event)"></ngx-light-pagination>.