diff --git a/projects/ngx-spinner/src/lib/ngx-spinner.component.html b/projects/ngx-spinner/src/lib/ngx-spinner.component.html index 2ed1f7b..7802d81 100644 --- a/projects/ngx-spinner/src/lib/ngx-spinner.component.html +++ b/projects/ngx-spinner/src/lib/ngx-spinner.component.html @@ -1,8 +1,9 @@ -
-
+
+
+
diff --git a/projects/ngx-spinner/src/lib/ngx-spinner.component.ts b/projects/ngx-spinner/src/lib/ngx-spinner.component.ts index a754704..a1a47a0 100644 --- a/projects/ngx-spinner/src/lib/ngx-spinner.component.ts +++ b/projects/ngx-spinner/src/lib/ngx-spinner.component.ts @@ -75,6 +75,12 @@ export class NgxSpinnerComponent implements OnDestroy, OnInit, OnChanges { * @memberof NgxSpinnerComponent */ @Input() zIndex: number; + /** + * Custom template for spinner/loader + * + * @memberof NgxSpinnerComponent + */ + @Input() template: string; /** * Spinner Object * @@ -120,6 +126,7 @@ export class NgxSpinnerComponent implements OnDestroy, OnInit, OnChanges { this.size = 'large'; this.fullScreen = true; this.name = PRIMARY_SPINNER; + this.template = null; this.divArray = []; this.divCount = 0; @@ -162,6 +169,7 @@ export class NgxSpinnerComponent implements OnDestroy, OnInit, OnChanges { divCount: this.divCount, show: this.show, zIndex: this.zIndex, + template: this.template, }); } /** diff --git a/projects/ngx-spinner/src/lib/ngx-spinner.enum.ts b/projects/ngx-spinner/src/lib/ngx-spinner.enum.ts index c9a2336..8ee11ed 100644 --- a/projects/ngx-spinner/src/lib/ngx-spinner.enum.ts +++ b/projects/ngx-spinner/src/lib/ngx-spinner.enum.ts @@ -72,6 +72,7 @@ export interface Spinner { type?: string; fullScreen?: boolean; zIndex?: number; + template?: string; } export class NgxSpinner { @@ -86,6 +87,7 @@ export class NgxSpinner { fullScreen: boolean; show: boolean; zIndex: number; + template: string; constructor(init?: Partial) { Object.assign(this, init);