ng-bootstrap-spinner
TypeScript icon, indicating that this package has built-in type declarations

1.2.0 • Public • Published

ng-bootstrap-spinner

🍺 Hi there, Ng Bootstrap Spinner for Angular Lovers <3, Thanks...

NPM JavaScript Style Guide

Installation

Using NPM:

npm i ng-bootstrap-spinner
 
npm i bootstrap

In you angular.json import bootstrap css

"styles": [
    // "src/styles.scss",
    "./node_modules/bootstrap/dist/css/bootstrap.min.css"
],

Or

In your styles.scss file import bootstrap css

/* You can add global styles to this file, and also import other style files */
@import "bootstrap/dist/css/bootstrap.min.css";
 

Usage

Import direct in your app.module.ts file:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
 
//import NgSpinnerModule from ng-bootstrap-spinner
import { NgSpinnerModule } from 'ng-bootstrap-spinner';
 
@NgModule({
  declarations: [
  ],
  imports: [
    BrowserModule,
    //import your NgSpinnerModule here
    NgSpinnerModule
  ],
  providers: []
})
export class AppModule { }

Then use wherever you want !! Goodluck:

   <ng-spinner size="5" type="border" color="warning"></ng-spinner>

Note

  • size: Size size in rem
  • color: You can give any bootstrap color - primary, secondary, danger etc...
  • type: Add spinner type - grow or border

Author

Ajay Marathe

Copyright and License

Copyright 2019 Ajay Marathe. Code released under the MIT license.

Package Sidebar

Install

npm i ng-bootstrap-spinner

Weekly Downloads

15

Version

1.2.0

License

MIT

Unpacked Size

30.9 kB

Total Files

23

Last publish

Collaborators

  • ajay1098