Socket
Socket
Sign inDemoInstall

@crystalui/angular-modal

Package Overview
Dependencies
5
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.1.3 to 0.1.4

2

package.json
{
"name": "@crystalui/angular-modal",
"version": "0.1.3",
"version": "0.1.4",
"description": "This module allows for show modal and dialog boxes.",

@@ -5,0 +5,0 @@ "repository": {

@@ -18,3 +18,3 @@ # Modal for Angular 2

```ts
import {ModalModule} from 'angular-modal@crystal';
import {ModalModule} from '@crystalui/angular-modal';

@@ -47,42 +47,32 @@ @NgModule({

id: string = undefined
```
The identifier of the window. It will distinguish one window from another.
```ts
// The identifier of the window. It will distinguish one window from another.
mode: "desktop" | "mobile" | "dialog" = "desktop"
```
The type of the window template.
```ts
// The type of the window template.
data: any
```
Any data that needs to be pass to the window. In the window component, you can get them using `@Input() modalData: any`.
```ts
// Any data that needs to be pass to the window. In the window component, you can get them using `@Input() modalData: any`.
width: string = "800px"
```
Width of the window.
```ts
// Width of the window.
height: string = "auto"
```
Height of the window. By default, the height of the window is determined by the height of its content.
```ts
// Height of the window. By default, the height of the window is determined by the height of its content.
maxWidth: string = "calc(100% - 32px)"
```
Maximum width of the window.
```ts
// Maximum width of the window.
maxHeight: string = "calc(100% - 32px)"
```
Maximum height of the window.
```ts
// Maximum height of the window.
overlayBackdrop: boolean = true
```
Whether the window has a backdrop.
```ts
// Whether the window has a backdrop.
backdropClass: string | { [key: string]: any; }
```
Custom classes for the backdrop. Supports the same syntax as ngClass.
```ts
// Custom classes for the backdrop. Supports the same syntax as ngClass.
modalClass: string | { [key: string]: any; }
// Custom classes for the modal window. Supports the same syntax as ngClass.
```
Custom classes for the modal window. Supports the same syntax as ngClass.
## Methods

@@ -89,0 +79,0 @@

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc