# mroads-popup

> In your module include: ``` import { MroadsPopupModule } from 'mroads-popup';

Latest version **0.0.4** (published 2018-06-21) · 0 weekly downloads

## Install

```sh
npm install mroads-popup
pnpm add mroads-popup
yarn add mroads-popup
bun add mroads-popup
```

## 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.4 |
| Published | 2018-06-21 |
| First published | 2018-06-21 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 149.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | stifspear |

## Links

- npm: https://www.npmjs.com/package/mroads-popup
- npm.io page: https://npm.io/package/mroads-popup

## Dependencies (1)

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

## Recent versions

- 0.0.4 (latest) — 2018-06-21
- 0.0.3 — 2018-06-21
- 0.0.2 — 2018-06-21
- 0.0.1 — 2018-06-21

## README

In your module include:
```
import { MroadsPopupModule } from 'mroads-popup';

@NgModule({
  imports: [
      MroadsPopupModule
  ],
  declarations: [
   ...
  ],
  providers: [
   ...
  ],
  bootstrap: [...]
})
```
In your template use as
```
<lib-popup [(showPopup)]="variable/to/display/or/hide/popup" [popupState]="variable/with/popup/state">
```
Popup state:
Popup state is the current state of the popup which is represented using object(key-value) mapping.
content - Text that will be displayed on the popup
modelActions - Array of objects representing the data of each button.
               Each button will have action(on click), type(color), buttonText(text for button)

```
{
    'content': 'Popup content',
    'modelActions': [
        {
            'action': 'function/to/be/called',
            'type': 'orange/grey',
            'buttonText': 'button/text'
        }
    ]
}
```

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