# web-spinner

> Spinner as a web component.

Latest version **1.1.1** (published 2019-03-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install web-spinner
pnpm add web-spinner
yarn add web-spinner
bun add web-spinner
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2019-03-16 |
| First published | 2019-02-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 7.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Vicky Kumar |
| Maintainers | vickykumarcse |
| Keywords | spinner, loader, progress, progress spinner, progress loader |

## Links

- npm: https://www.npmjs.com/package/web-spinner
- npm.io page: https://npm.io/package/web-spinner

## Recent versions

- 1.1.1 (latest) — 2019-03-16
- 1.1.0 — 2019-03-09
- 1.0.2 — 2019-02-17
- 1.0.1 — 2019-02-17
- 1.0.0 — 2019-02-17

## README

# Web Spinner

This project is based on Web Components, for Spinner.

## Usage

1. Default Spinner shown.
```
<web-spinner loading="true"></web-spinner>
```

2. Default Spinner hidden.
```
<web-spinner></web-spinner>
or 
<web-spinner loading="false"></web-spinner>
```
3. Advanced Spinner with Color customization.
```
<web-spinner loading="true" color="purple"></web-spinner>
```
4. Advanced Spinner with Size of Spinner customization.
```
<web-spinner loading="true" color="purple" size="50"></web-spinner>
 size: 25 to 100
```
5. Advanced Spinner with Position of the Overlay customization.
```
<web-spinner loading="true" color="purple" size="50" position="600, 700, 50, 50"></web-spinner>
 position: width, height, top, left
 width: 500 to 1500
 height: 500 t0 1500
 top: 0 to 1000
 left: 0 to 1000
```

## Installation
Use the package manager npm to install web-spinner.

```bash
npm install web-spinner

Include "/node_modules/web-spinner/dist/web-spinner.js" in your HTML File or in angular.json file.

```


## Authors

* **Vicky Kumar** - [Vicky Kumar - GitHub](https://github.com/vickykumarcse)

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details

---
_Source: https://npm.io/package/web-spinner · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._