I am trying to place a label WIP (work in progress) immediately after text inside a disabled input box. I have tried few css configs but unable to achieve desired result.
Getting any help me really good for me.
Current code:
label.label-class {
font-size: 12px;
letter-spacing: 0.3px;
position: absolute;
left: 160px;
bottom: 13px;
}
<div class="myclass">
<mat-form-field class="form-input" appearance="outline">
<mat-label>MyLabel</mat-label>
<input matInput [disabled]="true" [ngModel]="getName()" />
<label class="label-class"> WIP </label>
</mat-form-field>
</div>
Here is how it is appearing right now: