# ng-popup-alert-message

> The simplest solution for custom Popup Alert Messages in Angular.

Latest version **0.0.2** (published 2021-05-31) · MIT license · 0 weekly downloads

## Install

```sh
npm install ng-popup-alert-message
pnpm add ng-popup-alert-message
yarn add ng-popup-alert-message
bun add ng-popup-alert-message
```

## 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.0.2 |
| Published | 2021-05-31 |
| First published | 2021-05-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 40.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Hemanth Chakka |
| Maintainers | hemanth_chakka |
| Keywords | angular Popup Alert message , angular Pop over Alert message , custom Popup Alert message, ng Custom pop over confirmative message |

## Links

- npm: https://www.npmjs.com/package/ng-popup-alert-message
- Repository: https://github.com/Hemanth21/ng-popup-alert-message
- Homepage: https://github.com/Hemanth21/ng-popup-alert-message#readme
- Issues: https://github.com/Hemanth21/ng-popup-alert-message/issues
- npm.io page: https://npm.io/package/ng-popup-alert-message

## Dependencies (1)

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

## Alternatives

- [react-native-root-siblings](https://npm.io/package/react-native-root-siblings.md) — 102.9K weekly downloads
- [@praxisui/dialog](https://npm.io/package/@praxisui/dialog.md) — 2.0K weekly downloads
- [easy-toggle-state](https://npm.io/package/easy-toggle-state.md) — 350 weekly downloads
- [ngx-lightbox-evp](https://npm.io/package/ngx-lightbox-evp.md) — 19 weekly downloads
- [react-native-modal-translucent-axton](https://npm.io/package/react-native-modal-translucent-axton.md) — 4 weekly downloads

## Recent versions

- 0.0.2 (latest) — 2021-05-31

## README

# Popup Alert Messages for Angular

The simplest solution for custom Popup Alert Messages in Angular.

## Table of Contents


* [Angular Version](#angular-Version)
* [Prerequisites](#prerequisites)
* [Installation](#installation)
* [Example](#example)

## Angular Version

This library is built to work with **Angular 12+**.

## Prerequisites

You may need to install few dependencies depending on the icons you are passing.
Example: fontawesome.

## Installation

```
npm install ng-popup-alert-message
```

## Example

```TypeScript
// example.component.ts
import {Component} from '@angular/core';
import { NgPopupAlertMessageService } from 'ng-popup-alert-message';

@Component({
    selector: 'example-component',
    template: 'example.component.html'
})
export class MyComponent {
     
     constructor(private popupAlert: NgPopupAlertMessageService){}
    
    whenEverRequired(){
        this.popupAlert
        .notify('Message-text-here','<i class="fa fa-bell fa-lg" style="color:#ffffff;"></i>',
                {duration:5000, // Optional in milliseconds(number), default is 4000
                 background:'black', // Optional as a string, default is #262626
                 color:'white' // Optional as a string, default is #ffffff
                }); 
                                        
    }
}
```

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