# ng-dimmer

> This angular library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.0.

Latest version **0.1.6** (published 2018-05-05) · 0 weekly downloads

## Install

```sh
npm install ng-dimmer
pnpm add ng-dimmer
yarn add ng-dimmer
bun add ng-dimmer
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.6 |
| Published | 2018-05-05 |
| First published | 2017-12-25 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 35.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | iamkdev |

## Links

- npm: https://www.npmjs.com/package/ng-dimmer
- npm.io page: https://npm.io/package/ng-dimmer

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 0.1.6 (latest) — 2018-05-05
- 0.1.5 — 2018-05-04
- 0.0.0 — 2018-05-04
- 0.1.4 — 2017-12-27
- 0.1.3 — 2017-12-27
- 0.1.2 — 2017-12-26
- 0.1.1 — 2017-12-25
- 0.1.0 — 2017-12-25

## README

# NgDimmer

This angular library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.0.

# Installation

To install this library, run:

```bash
$ npm install ng-dimmer --save
```

# Consuming your library

Add NgDimmerModule into your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import ng-dimmer module
import { NgDimmerModule } from 'ng-dimmer';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    // Specify DimmerModule as an import
    NgDimmerModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once it is imported, you can use the ng-dimmer component in your Angular application:

```xml
<!-- You can now use dimmer component in app.component.html -->
<div>
  <h1>
    {{title}}
  </h1>
  <ng-dimmer [txColor]="'#fff'" [bgColor]="'red'" [bgOpacity]="0.7">
    You can add content into the ng-dimmer. It maybe Text html or other component.
  </ng-dimmer>
</div>
```

## Demo

https://ng-dimmer.stackblitz.io


## Github

https://github.com/iamkdev/ng-dimmer

## License

MIT © [Kamal Dev](mailto:hello@iamkdev.com)

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