@rdkmaster/jigsaw-labs
Version:
Jigsaw, the next generation component set for RDK
18 lines (16 loc) • 634 B
HTML
<div class="jigsaw-input-icon-front">
<ng-content select="[jigsaw-prefix-icon], [j-prefix-icon]"></ng-content>
</div>
<ng-content></ng-content>
<input #input
[ngStyle]="_$inputPaddingStyle"
[placeholder]="placeholder"
[(ngModel)]="value"
[disabled]="disabled"
(blur)="_$handleBlur($event)"
(focus)="_$handleFocus($event)"
[type]="type" >
<div class="jigsaw-input-icon-end">
<span *ngIf="clearable && !disabled" (click)="_$clearValue($event)" [hidden]="!value" class="jigsaw-input-clear-bar">×</span>
<ng-content select="[jigsaw-icon], [j-icon]"></ng-content>
</div>