<img src="https://www.soodohkohd.com/assets/images/logo.png" title="soo-doh-kohd" height="200"/>

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

## INSTALLATION:
Using NPM:

```bash
npm install --save sdk-loading
```

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

```typescript
import { SDKLoadingModule } from 'sdk-loading';

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

## USAGE:
```html
<sdk-loading [isLoading]="isLoading"></sdk-loading>
```


For smaller components, you can use the ellipsis version:
```html
<sdk-loading [isLoading]="isLoading" [showEllipsis]="true"></sdk-loading>
```

Or add a style to your loading component:
```html
<sdk-loading [isLoading]="isLoading" style="padding: 10px"></sdk-loading>
```
