sdk-loading

Description:

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.

Angular Compatibility Chart

Version	Compatibility
16	EOL 2025
17	EOL 2025
18	✔
19	✔
20	Q3 2025

INSTALLATION:

Using NPM:

npm install --save sdk-loading

CONFIGURATION:

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 { }

USAGE:

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