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: false Is loading state in effect, so the spinner overlay should be active? |
@Input()fullPage: boolean
|
Default: false Whether 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>