sdk-loading/README.md

Simple to use (Angular) loading component that overlays other components while processing.

<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      | EOL 2025      |
| 17      | EOL 2025      |
| 18      | ✔             |
| 19      | ✔             |
| 20      | Q3 2025       |

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