0.0.29 • Published 2 years ago
ng-modal-full-resizable v0.0.29
Angular resizable and draggable modal
Simple resizable and draggable modal component. (Demo)
Sample
import { ModalModule } from '../lib/modal';
@NgModule({
imports: [
ModalModule
]
})
<button type="button" class="button" (click)="modalRoot.show()">Open modal</button>
<app-modal #modalRoot
[modalTitle]="'Demo modal'"
[width]="500"
[zIndex]="1100"
(closeModal)="onCloseModal()">
<ng-container class="app-modal-body">
<h3>MODAL DIALOG</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.</p>
</ng-container>
<ng-container class="app-modal-footer">
<button type="button" class="button button3" (click)="modalRoot.hide()">Delete</button>
<button type="button" class="button button1" (click)="modalRoot.hide()">Save</button>
<button type="button" class="button button2" style="float: right;" (click)="modalRoot.hide()">Close
</button>
</ng-container>
</app-modal>
Properties
Attribute | Type | Default | Description |
---|---|---|---|
modalTitle | string | null | |
width | any | null | |
zIndex | number | null | |
minWidth | number | 260 | |
minHeight | number | 200 | |
scrollTop | boolean | true | |
maximizable | boolean | false | |
backdrop | boolean | true |
0.0.0-watch
2 years ago
0.0.25
2 years ago
0.0.26
2 years ago
0.0.27
2 years ago
0.0.28
2 years ago
0.0.29
2 years ago
0.0.24
2 years ago
0.0.21
2 years ago
0.0.22
2 years ago
0.0.23
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.9
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.12
2 years ago
1.0.8
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.0.8
5 years ago
0.0.5
5 years ago
0.0.7
5 years ago
0.0.4
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago