18.0.0 • Published 1 year ago
@deejayy/overlay-spinner v18.0.0
Overlay Spinner Component for Angular
Installation
npm install @deejayy/overlay-spinner
Demo
Usage
import { OverlaySpinnerModule } from '@deejayy/overlay-spinner';Selector: overlay-spinner
Properties
| Name | Description |
|---|---|
@Input()title: string | Default: 'Please wait'Title text to display below the animation. |
@Input()loading: boolean | Default: falseIs loading state in effect, so the spinner overlay should be active? |
@Input()fullPage: boolean | Default: falseWhether it should it cover the full page, not just the content which is embedded inside the <overlay-spinner> |
@Input()imagePath: string | Default: ''The component has an animated SVG included by default, but this property gives the ability to replace it with hosted spinner animation/gif. |
Examples
<overlay-spinner [loading]="(loading$ | async) === true">
This is the content which should be covered with the overlay spinner while loading is in effect.
</overlay-spinner>