7.0.0 • Published 1 year ago

@anderstornkvist/ng-spin-kit v7.0.0

Weekly downloads
Last release
1 year ago


SpinKit (https://github.com/tobiasahlin/SpinKit) spinners for Angular

Inspired by angular-spinkit (https://github.com/Urigo/angular-spinkit)



  1. Install with NPM:

    npm install ng-spin-kit --save

If you need support for Angular versions 8 or lower, use ng-spin-kit version 6: npm install ng-spin-kit@6 --save.

  1. Import one component

    import { NgSpinKitModule } from 'ng-spin-kit'
  2. Use it:

    // app.component.ts

import { Component } from '@angular/core';

@Component({ selector: 'app', template: `














export class AppComponent {}

// app.module.ts

import { NgModule } from 'angular2/core'; import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component'; import { NgSpinKitModule } from 'ng-spin-kit';

@Component({ imports: BrowserModule, NgSpinKitModule , declarations: AppComponent, , bootstrap: AppComponent })

#### For every component you can set:

isRunning: boolean - state of the spinner, true - visible, false - hidden, default: true

delay: number - representing the milliseconds to wait, before showing the spinner, default: 0

color: string - background color for each item

## Development

### Build

Run `ng build ng-spin-kit --prod` to build the project. The build artifacts will be stored in the `dist/` directory.

### Publishing

After building your library with `ng build ng-spin-kit`, go to the dist folder `cd dist/ng-spin-kit` and
run `npm publish`.

### Running unit tests

Run `ng test ng-spin-kit` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Add all your requests and ideas in the issues area or send us a pull request!

1 year ago