# 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>