ngx-shimmering-loader v1.0.5

ngx-shimmering-loader

A component that provides shimmering loading placeholder like facebook.

Installation

Install ngx-shimmering-loader via NPM, using the command below:

NPM

npm install --save ngx-shimmering-loader   

Getting started

Import the NgxShimmeringLoaderModule in your root application module AppModule or any other module you need to use the component:

 import { BrowserModule } from  '@angular/platform-browser';   
 import { NgModule } from  '@angular/core';      
 import {CommonModule} from '@angular/common';  
 import { AppComponent } from './app.component'; 
 import {NgxShimmeringLoaderModule} from 'ngx-shimmering-loader';      
 @NgModule({      
  declarations: [      
   AppComponent  
 ],  
  imports: [      
   BrowserModule,  
   CommonModule,   // Import NgxShimmeringLoaderModule   
   NgxShimmeringLoaderModule   
  ],    
  providers: [],      
bootstrap: [AppComponent] }) 
export class AppModule { }      

Using it in a component

After importing the NgxShimmeringLoaderModule, you can use the NgxShimmeringLoaderComponent component as below:

<ngx-shimmering-loader  
 [style]="style" [elemCount]="3" [isVisible]="!list">
 </ngx-shimmering-loader>  

The style input parameter should be used to set the width and height css properties.

Input Parameters

|

License

This project is licensed under the MIT License.