@crystalui/angular-modal
Advanced tools
Comparing version 0.1.3 to 0.1.4
{ | ||
"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 @@ |
322876
94