aboutsummaryrefslogtreecommitdiffstats
path: root/src/angular/form-elements/text-elements/input/input.component.html.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/angular/form-elements/text-elements/input/input.component.html.ts')
-rw-r--r--src/angular/form-elements/text-elements/input/input.component.html.ts19
1 files changed, 19 insertions, 0 deletions
diff --git a/src/angular/form-elements/text-elements/input/input.component.html.ts b/src/angular/form-elements/text-elements/input/input.component.html.ts
new file mode 100644
index 0000000..bb5d788
--- /dev/null
+++ b/src/angular/form-elements/text-elements/input/input.component.html.ts
@@ -0,0 +1,19 @@
+export const template = `
+<div class="sdc-input ">
+ <label class="sdc-input__label" *ngIf="label" [ngClass]="{'required':required}">{{label}}</label>
+ <input
+ class="sdc-input__input {{classNames}}"
+ [ngClass]="{'error': (!valid && dirty), 'disabled':disabled}"
+ [attr.name]="name ? name : null"
+ [placeholder]="placeHolder"
+ [(ngModel)]="value"
+ [maxlength]="maxLength"
+ [minlength]="minLength"
+ [type]="type"
+ [formControl]="control"
+ [attr.disabled]="disabled ? 'disabled' : null"
+ (input)="onKeyPress($event.target.value)"
+ [attr.data-tests-id]="testId"
+ />
+</div>
+`;