Version:

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>