1.2.0 • Published 2 years ago
@laijuthomas/angular-spinner v1.2.0
Angular Spinner
A spinner component and directive for Angular 2-12+
Getting Started
Installation
Install via npm package manager
npm install @laijuthomas/angular-spinner --saveUsage
Import angular-spinner module
import { HttpClientModule} from '@angular/common/http';
import { AngularSpinnerModule } from '@laijuthomas/angular-spinner';
@NgModule({
imports: [ HttpClientModule, AngularSpinnerModule ]
})Then in HTML
<angular-spinner></angular-spinner>Inputs
| Input | Type | Default | Required | Description |
|---|---|---|---|---|
| size | string | medium | no | Set custom sizes like xxsmall, xsmall, small, medium, large, xlarge, xxlarge |
| status | string | active | no | Set custom status like active, disabled, primary, info, success, warning, danger |
| message | string | - | no | Custom message to show along with the loader |
To use as directive pass a boolean variable to the directive
<div [angularSpinner]="loading"></div>Inputs
| Input | Type | Default | Required | Description |
|---|---|---|---|---|
| spinnerSize | string | medium | no | Set custom sizes like xxsmall, xsmall, small, medium, large, xlarge, xxlarge |
| spinnerStatus | string | active | no | Set custom status like active, disabled, primary, info, success, warning, danger |
| spinnerMessage | string | - | no | Custom message to show along with the loader |
What's included
Within the download you'll find the following directories and files. You'll see something like this:
angular-spinner/
└── projects/
├── angular-spinner/
└── angular-spinner-app/angular-spinner/ - library
angular-spinner-app/ - demo application
Creators
Laiju Thomas