mroads-popup v0.0.4

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'
        }
    ]
}