1.2.0 • Published 5 years ago
ng-bootstrap-spinner v1.2.0
ng-bootstrap-spinner
🍺 Hi there, Ng Bootstrap Spinner for Angular Lovers <3, Thanks...
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
orborder
Author
Ajay Marathe
Copyright and License
Copyright 2019 Ajay Marathe. Code released under the MIT license.