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>