Loading Spinners For Angular

Author: tsmean
Publish Date:
Official Page: Go to website
Views Total: 135
License: MIT

Description:

A customizable yet simple library for loading spinners working for Angular 2, Angular 4 and Angular 5+.

Features:

  • Simple
  • Good defaults, yet customizable
  • Block and inline supported
  • When displayed inline, the spinner adapts the font-size
  • Themable colors
  • Customizable animations
  • Works smoothly Internet Explorer, Safari, Chrome, Firefox and Opera

Installation:

# NPM
$ npm install spinner-angular --save

Usage:

Import the module.

@NgModule({
declarations: [AppComponent],
imports: [
  ... // some other imports
  SpinnerModule.forRoot({})
]

In your html template:

<spinner></spinner>

Customize the spinner.

SpinnerModule.forRoot({
  primaryColor: '#FCBE41',
  secondaryColor: '#309488',
  animation: 'spin 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite'
})

Preview:

spinner-angular

Leave a Reply