# angular-ui-block

> Angular UI Block Module

Latest version **0.1.0** (published 2018-01-23) · MIT license · 8 weekly downloads

## Install

```sh
npm install angular-ui-block
pnpm add angular-ui-block
yarn add angular-ui-block
bun add angular-ui-block
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2018-01-23 |
| First published | 2016-10-27 |
| Weekly downloads | 8 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 (+13 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Kabir Baidhya |
| Maintainers | kabirbaidhya |
| Keywords | javascript, angular, ui-block, block-ui, block, spinner, loading |

## Links

- npm: https://www.npmjs.com/package/angular-ui-block
- Repository: https://github.com/kabirbaidhya/angular-ui-block
- Homepage: https://github.com/kabirbaidhya/angular-ui-block#readme
- Issues: https://github.com/kabirbaidhya/angular-ui-block/issues
- npm.io page: https://npm.io/package/angular-ui-block

## Dependencies (2)

- [jquery](https://npm.io/package/jquery.md) 3.0.0
- [angular](https://npm.io/package/angular.md) ^1.*

## Alternatives

- [@oh-my-pi/pi-natives](https://npm.io/package/@oh-my-pi/pi-natives.md) — 51.8K weekly downloads
- [@capgo/capacitor-light-sensor](https://npm.io/package/@capgo/capacitor-light-sensor.md) — 3.0K weekly downloads
- [@heyhuynhgiabuu/pi-diff](https://npm.io/package/@heyhuynhgiabuu/pi-diff.md) — 492 weekly downloads
- [@lotsa/verdant-lang-asm](https://npm.io/package/@lotsa/verdant-lang-asm.md) — 38 weekly downloads
- [new-era-syntax](https://npm.io/package/new-era-syntax.md) — 20 weekly downloads

## Recent versions

- 0.1.0 (latest) — 2018-01-23
- 0.0.6-0 — 2017-03-03
- 0.0.5-0 — 2016-12-01
- 0.0.3-0 — 2016-11-16
- 0.0.2-0 — 2016-10-27
- 0.0.1-0 — 2016-10-27

## README

# Angular UI Block
[![npm version](https://img.shields.io/npm/v/angular-ui-block.svg?style=flat-square)](https://www.npmjs.com/package/angular-ui-block) [![npm downloads](https://img.shields.io/npm/dt/angular-ui-block.svg?style=flat-square)](https://www.npmjs.com/package/angular-ui-block)

Angular UI Block Module

## Installation

```bash
# Using npm
$ npm install angular-ui-block --save

# Using Yarn
$ yarn add angular-ui-block

# Using Bower
$ bower install angular-ui-block --save
```
Include the package using common js `require()` or ES2015 `import`:
```javascript
var angularUiBlock = require('angular-ui-block');

// ES2015+
import angular from 'angular';
import angularUiBlock from 'angular-ui-block';
```
Or, using `<script>` tag:
```html
<script type="text/javascript" src="/path/to/angular-ui-block/dist/angular-ui-block.min.js"></script>
```
Now add the module as a dependency to your app module:
```javascript
angular.module('app', [angularUiBlock]);
// Or
angular.module('app', ['angularUiBlock']);
```

## Styles
Also, you need to include the css if you want to use the default style.
```html
<link rel="stylesheet" href="bower_components/angular-ui-block/dist/angular-ui-block.css"/>
```
Or, if you prefer to have your own custom style then just write your own like this:
```html
<style>
    .ui-block-wrapper .ui-block-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 20;
        background: rgba(255, 255, 255, 0.5);
    }

    .ui-block-wrapper .ui-block-spinner {
        top: calc(50% - 40px);
        left: 0;
        right: 0;
        z-index: 21;
        position: absolute;
        text-align: center;
    }
</style>
```

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