Revision 60456
Added by Konstantinos Triantafyllou about 3 years ago
input.component.ts | ||
---|---|---|
30 | 30 |
template: ` |
31 | 31 |
<div *ngIf="label && type != 'checkbox'" |
32 | 32 |
class="uk-text-bold uk-form-label uk-margin-small-bottom">{{label + (required ? ' *' : '')}}</div> |
33 |
<div *ngIf="hint" class="uk-margin-bottom uk-text-small uk-form-hint">{{hint}}</div>
|
|
33 |
<div *ngIf="hint" class="uk-margin-bottom uk-form-hint">{{hint}}</div> |
|
34 | 34 |
<div class="uk-grid uk-flex" [ngClass]="'uk-flex-' + flex" [class.uk-grid-small]="gridSmall" uk-grid> |
35 | 35 |
<ng-content></ng-content> |
36 | 36 |
<div [class.uk-hidden]="hideControl" class="uk-width-expand uk-position-relative" |
... | ... | |
49 | 49 |
<div [ngClass]="inputClass" |
50 | 50 |
[class.uk-form-danger]="formControl.invalid && formControl.touched" |
51 | 51 |
[attr.uk-tooltip]="formControl.disabled?'title: This field is not editable; pos: bottom-left':''"> |
52 |
<input class="uk-input uk-text-small" |
|
53 |
[placeholder]="placeholder" [formControl]="formControl"> |
|
52 |
<input class="uk-input" [placeholder]="placeholder" [formControl]="formControl"> |
|
54 | 53 |
</div> |
55 | 54 |
</ng-template> |
56 | 55 |
<ng-template [ngIf]="type === 'textarea'"> |
57 | 56 |
<div [ngClass]="inputClass" class="uk-padding-remove-right" |
58 | 57 |
[class.uk-form-danger]="formControl.invalid && formControl.touched" |
59 | 58 |
[attr.uk-tooltip]="formControl.disabled?'title: This field is not editable; pos: bottom-left':''"> |
60 |
<textarea class="uk-textarea uk-text-small"
|
|
59 |
<textarea class="uk-textarea" |
|
61 | 60 |
[rows]="rows" [placeholder]="placeholder" |
62 | 61 |
[formControl]="formControl"> |
63 | 62 |
</textarea> |
... | ... | |
95 | 94 |
<span class="uk-width-expand uk-text-truncate" [class.uk-text-small]="smallChip">{{getLabel(chip.value)}}</span> |
96 | 95 |
<icon name="remove_circle" class="mat-chip-remove" [ratio]="smallChip?0.8:1" (click)="removed(i)"></icon> |
97 | 96 |
</mat-chip> |
98 |
<div class="uk-width-expand uk-position-relative uk-text-small chip-input">
|
|
97 |
<div class="uk-width-expand uk-position-relative chip-input"> |
|
99 | 98 |
<input #searchInput class="uk-width-1-1" [formControl]="searchControl" [matAutocomplete]="auto" |
100 | 99 |
[matChipInputFor]="chipList" |
101 | 100 |
[matChipInputAddOnBlur]="addExtraChips && searchControl.value" |
Also available in: Unified diff
[Library | Trunk]: Input component: Remove uk-text-small