Version:

Install ​

shell
npm i @mate-angular/text-field

Import ​

typescript
import { MateTextFieldComponent } from '@mate-angular/text-field';

Variants ​

Default ​

html
<mate-text-field-ng label="Name" placeholder="Enter name"></mate-text-field-ng>

Required ​

html
<mate-text-field-ng label="Name" [required]="true"></mate-text-field-ng>

Disabled ​

html
<mate-text-field-ng label="Name" [disabled]="true"></mate-text-field-ng>

With error ​

html
<mate-text-field-ng label="Name" [invalid]="true" errorMessage="Name is required"></mate-text-field-ng>