borxloader
v1.0.0
Published
NPM Package used as a loader/spinner for angular application.
Downloads
9
Readme
BorXLoader
NPM Package used as a loader/spinner for angular application.
Features
- Four types of loader/spinner is integrated
- Image is added on the loader
- Can be used from any component
- Customize functionality
- Show/Hide any features based on configuration
Installation
Install borxloader with npm
npm install borxloader
Usage/Examples
- import BorxloaderModule
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BorxloaderModule } from 'borxloader';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BorxloaderModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
And you are good to go...
Use it in your app.component.html
<borx-loader></borx-loader>
By-default has congifuration in which every feature is enabled but you modify it according to your need.
config = {
image: 'Your Image Source Link',
loaderType: 'ring',
loaderColor: 'black',
showImage: true,
showSpinner: true,
showBackdrop: true,
}
image
source link of your image.loaderType
define which type of loader you want to use. Four types has been integrated asring | roller | spinner | ellipsis
loaderColor
Color code for the loader/spinner.showImage
Boolean if you want to show image along with loader or not.showSpinner
Boolean if you want to show spinner or not.showBackdrop
Boolean if you want to show backdrop or not.
you have to pass this configuration allong with borx-loader in app.component.html
<borx-loader [config]="config"></borx-loader>