angular2-boiler-plate/src/app/sui/sui.panel/sui.panel.component.ts

Angular 2 Boiler plate that integrated with WebPack, TypeScript, DatePicker, RxJs for Reactive Extensions in Java Script , Karma , Jasmine for unit testing , WebKit ,protractor e2e testing

import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';

@Component({
    selector: 'sui-panel',
    templateUrl: './sui.panel.component.html',

})
export class PanelComponent  {
    @Input() headerText: string;
    @Input() headerClass: string;
    @Input() headerStyle: Object = {};
    @Input() headerIcon: string;
    @Input() panelClass: string;
    @Input() panelStyle: Object = {};
    @Input() closable = true;

    isClosed: boolean = false;
    onClose(event: any) {
        this.isClosed = true;
    }
}