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>