Spinner
Reusable Spinner component created with Bootstrap 5.x and Angular 12.x
Publish the library to NPM
- Build the library
$ ng build --configuration production --project=@ngxsmart/spinner
- Publish the library to NPM
$ npm publish dist/spinner --access public
Technologies
- Angular 12.x
- Bootstrap 5.x
API
List of selectors that can be used to select the component
Selector |
spinner,lib-spinner |
Properties
Property |
Description |
Type |
Default Value |
bootstrapSpinner |
Use Boostrap Spinner. Default true |
boolean |
false |
diameter |
Diameter of the Angular Material spinner |
boolean |
true |
color |
Color of the Angular Material spinner |
string or ThemePalette |
5000 |
strokeWidth |
Stroke Width of the Angular Material spinner |
boolean |
false |
Test project locally
Run the following steps inside library folder
- Install all dependencies
$ npm install
- Build the project
$ npm run build
- Link the project
$ npm link dist/spinner
Inside the Test/Actual project, remove the dependency and link local dependency
- Install dependencies
$ npm install
- Link the library
$ npm link @ngxsmart/spinner
- Add property
"preserveSymlinks": true
to angular.json
if not already exists
- Start the project
$ npm start