ng2-ui-kit/src/components/input/input.component.html

Angular2 UI Kit

<div class="ui-kit-form-input-container" 
     [class.is-prefixed]="!!prefix"
     [class.success]="type === 'success' || (required && type !== 'warning' && classList && classList.contains('ng-valid'))"
     [class.danger]="type === 'danger' || (required && type !== 'warning' && classList && classList.contains('ng-invalid'))"
     [class.warning]="type === 'warning'">
  <div class="ui-kit-form-input-label" [class.visible]="!!label">
    <span *ngIf="label">{{ label }}</span>
    <span>&nbsp;</span>
  </div>
  <div class="ui-kit-form-input-prefix" 
       *ngIf="prefix">
    {{ prefix }}
  </div>
  <input class="ui-kit-form-input"
         [type]="inputType" 
         [(ngModel)]="internalValue"
         (ngModelChange)="modelChange($event)"
         (blur)="onBlur()"
         [placeholder]="placeholder"
         [required]="required">
  <i class="ion-ios-close" *ngIf="type === 'danger' || (required && type !== 'warning' && classList && classList.contains('ng-invalid'))"></i>
  <i class="ion-ios-checkmark" *ngIf="type === 'success' || (required && type !== 'warning' && classList && classList.contains('ng-valid'))"></i>
  <i class="ion-android-alert" *ngIf="type === 'warning'"></i>
</div>