angular2-simple-ui/sui/sui.modal/sui.modal.component.html

Angular 2 Simple Material Design UI Components customisable with Simple 30 KB CSS with LESS support and full features support , just plugin up and run for clarity look at sample examples

<div [@modal] *ngIf="visible" class="sui-modal">
    <div class="sui-modal-content">
        <header class="{{'sui-padding-left '+cssClassHeader}}">
            <button *ngIf="closable" (click)="close()" aria-label="Close" class="sui-closebtn">X</button>
            <h3> <i class="{{headerIcon}}"> </i> {{headerText}}</h3>
        </header>
        <div class="sui-container sui-margin-top">
            <ng-content></ng-content>
        </div>
        <br/>
    </div>
</div>
<div *ngIf="visible" class="sui-overlay" (click)="close()"></div>