sdk-loading

The sdk-loading component is an easy way to lock down the screen while processing is occuring. This prevents your users from taking action while another process is running.

Using NPM:

npm install --save sdk-loading

To configure the sdk-loading for your application, add the following lines to your app.module.ts file:

import { SDKLoadingModule } from 'sdk-loading';

@NgModule({
    imports: [
        SDKLoadingModule
    ]
})
export class AppModule { }

<sdk-loading [isLoading]="isLoading"></sdk-loading>

For smaller components, you can use the ellipsis version:

<sdk-loading [isLoading]="isLoading" [showEllipsis]="true"></sdk-loading>

Or add a style to your loading component:

<sdk-loading [isLoading]="isLoading" style="padding: 10px"></sdk-loading>