# Install

```shell
npm i @mate-angular/form
```

# Import

```typescript
import { MateFormComponent } from '@mate-angular/form';
```

# Variants

## Default

```html
<mate-form-ng>
  <mate-text-field-ng label="Name"></mate-text-field-ng>
  <mate-button-ng theme="primary" type="submit">Submit</mate-button-ng>
</mate-form-ng>
```

## With error

```html
<mate-form-ng [invalid]="true" errorTitle="Please fix the following errors:">
  <mate-text-field-ng label="Name" [invalid]="true" errorMessage="Name is required"></mate-text-field-ng>
</mate-form-ng>