first-npm-package-nicule/material-inputs/components/text/textarea-field.component.html

This isi first npm package

<label>{{label | translate}}<ng-container *ngIf="field.required">*</ng-container></label>
<mat-form-field [floatLabel]="'never'"  (keydown.enter)="$event.stopPropagation()">
    <textarea matInput matTextareaAutosize
        [matAutosizeMinRows]="settings['minRows'] || 3"
        [matAutosizeMaxRows]="settings['maxRows'] || 5"
        [ngClass]="{'empty': !ngModel?.value}"
        [placeholder]="placeholder"
        [ngModel]="field.value"
        [name]="field.name"
        [required]="field.required"
        [maxlength]="field.maxlength"
        [minlength]="field.minlength"
        [pattern]="field.pattern"
        [errorStateMatcher]="matcher">
    </textarea>
    <mat-hint *ngIf="field.maxlength" align="end" [ngClass]="{'red' : ngModel.value?.length == field.maxlength}">
        {{ngModel.value?.length || 0}}/{{field.maxlength}}
    </mat-hint>
    <mat-error>
        <span *ngFor="let error of errors">{{error.message | translate: error.payload }}</span>
    </mat-error>
    <span class="empty-placeholder" *ngIf="(field.isDisabled || disabled) && !ngModel.control.value">-</span>
</mat-form-field>