Custom Template - t-ho/ngx-ui-loader GitHub Wiki

6. Custom template

6.1 Usage

You can add your own template for foreground spinner (fgsTemplate) and background spinner bgsTemplate as below:

<ngx-ui-loader
  [fgsTemplate]="foregroundSpinner"
  [bgsTemplate]="backgroundSpinner"
></ngx-ui-loader>

<ng-template #foregroundSpinner>
   <!-- Your awesome foreground spinner defined here --> 
</ng-template>

<ng-template #backgroundSpinner>
   <!-- Your awesome background spinner defined here --> 
</ng-template>

See custom template example here on Stackblitz.

See here for more spinners from Daniel Cardoso.