loading-spinner-component v1.0.0

Angular Loading Spinner Component

This is an angular component to display a spinner and grey out the elements which are inside the component.

Installation

Run npm install loading-spinner-component to add this component to your dependencies and install it to your project.

Import

Import this module to your app.module.ts

import {LoadingSpinnerComponentModule} from "loading-spinner-component";

and add it to your imports

@NgModule({
  ...
  imports: [
    ...
    LoadingSpinnerComponentModule,
    ...
  ],
  ...
})

Usage

Use the loading spinner component like this

        <lib-loading-spinner [loading]="BOOLEAN">
          <div>
            ... YOUR CONTENT
          </div>
        </lib-loading-spinner>

Everything inside the lib-loading-spinner component will be greyed out, when loading will be set to true.