Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ng6-popup-boxes

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ng6-popup-boxes - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

2

package.json
{
"name": "ng6-popup-boxes",
"version": "1.0.1",
"version": "1.0.2",
"peerDependencies": {

@@ -5,0 +5,0 @@ "@angular/common": "^6.0.0-rc.0 || ^6.0.0",

@@ -33,7 +33,20 @@ # Angular 6 Popup Module

```javascript
import { Component } from '@angular/core';
import { PopupManager } from './ng6-popup-boxes';
import { LoadingComponent } from './loading/loading.component';
@Component({
selector: "app-loading",
template: `
<div>
<svg class="circle-loader progress" width="40" height="40" version="1.1" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="15"></circle>
</svg>
</div>
<h4>Loading....</h4>
`
})
export class LoadingComponent { }
@Component({
selector: 'app-root',

@@ -151,7 +164,14 @@ templateUrl: './app.component.html',

- width : It applies width to popup box. Default : 600px
- popupClass : It add class to popup box. Default : popup-box
- showTitle : Wheather to show title or not. Default : true
- showMessage : Wheather to show message or not. Default : true
- showCloseBtn : Wheather to show close button or not. Default : true
- injectComponent : Inject external component into popup box. Default : void 0
Note: injectComponent must be included into entryComponents of NgModule.
- actionButtons : It shows action buttons on popup box.

@@ -178,5 +198,9 @@ Default

- animate : It applies animation to popup box. Possible values are slide-from-left | slide-from-right | slide-from-top | slide-from-bottom | fade | scale. Default: slide-from-right
- position : It applies animation to popup box. Possible values are top | center | bottom. Default: center
- showOverlay - Wheather to show overlay or not. Default : true
- closeOnOverlay - It allows close on overlay by clicking on it. Default: true
- callback - It allows to capture event when clicking on any action buttons.

@@ -183,0 +207,0 @@ Example

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc