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.1 to 0.1.2

10

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

@@ -9,3 +9,6 @@ "repository": {

},
"author": "Nikita Drozhzhin <drozhzhin.n.e@gmail.com>",
"author": {
"name": "Nikita Drozhzhin",
"email": "drozhzhin.n.e@gmail.com"
},
"homepage": "http://crystalui.org/components/modal",

@@ -40,6 +43,3 @@ "keywords": [

"tslib": "^1.9.0"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
}
}

@@ -44,15 +44,44 @@ # Modal for Angular 2

| name | description |
|------------------------|---------------------------------------------|
| `id: string = undefined` | The identifier of the window. It will distinguish one window from another. |
| `mode: "desktop" / "mobile" / "dialog" = "desktop"` | 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`. |
| `width: string = "800px"` | 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. |
| `maxWidth: string = "calc(100% - 32px)"` | Maximum width of the window. |
| `maxHeight: string = "calc(100% - 32px)"` | Maximum height of the window. |
| `overlayBackdrop: boolean = true` | Whether the window has a backdrop. |
| `backdropClass: string / { [key: string]: any; }` | 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. |
```ts
id: string = undefined
```
The identifier of the window. It will distinguish one window from another.
```ts
mode: "desktop" | "mobile" | "dialog" = "desktop"
```
The type of the window template.
```ts
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
width: string = "800px"
```
Width of the window.
```ts
height: string = "auto"
```
Height of the window. By default, the height of the window is determined by the height of its content.
```ts
maxWidth: string = "calc(100% - 32px)"
```
Maximum width of the window.
```ts
maxHeight: string = "calc(100% - 32px)"
```
Maximum height of the window.
```ts
overlayBackdrop: boolean = true
```
Whether the window has a backdrop.
```ts
backdropClass: string | { [key: string]: any; }
```
Custom classes for the backdrop. Supports the same syntax as ngClass.
```ts
modalClass: string | { [key: string]: any; }
```
Custom classes for the modal window. Supports the same syntax as ngClass.
## Methods

@@ -59,0 +88,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