ngx-fancy-preloader

Beautiful preloaders for angular

Hello, you can get here a beautiful preloaders for your angular application see demo

Installation

Install it from npm:

npm install ngx-fancy-preloader

Usage

Module

...
import {NgxFancyPreloaderModule } from 'ngx-fancy-preloader';
...

 ...
@NgModule({
  imports: [...,NgxFancyPreloaderModule]
  })
  ...

View

Use in template like below

 <fancy-preloader [loading]="loading" [type]="type"></fancy-preloader>

Where loading is the boolean variable - set visible(true) or hidden(false) for loader.
Where type is the string variable - set type for loader:
.................................................... export const EVIL_NORMAL = 'EvilNormal';
export const CIRCLE_SIMPLE = 'CircleSimple';
export const CANVAS_SNAKE = 'CanvasSnake';
export const THREE_DOTS_LINE_ACTION = 'ThreeDotsLineAction';
export const CIRCLE_DOT = 'CircleDot';
export const CLOCK = 'Clock';
export const LOADING_WHOLE_LINE_WISE = 'LoadingWholeLineWise';
..............................................................

Import

You can import constants from npm

import { FancyPreloaderTypes } from 'ngx-fancy-preloader';
 
private types: string = FancyPreloaderTypes.CIRCLE_DOT;
private loading: boolean = false;