<mat-form-field class="wide" appearance="outline">
  <mat-label i18n>Name</mat-label>
  <input matInput placeholder="Name" [formControl]="nameControl" />
  <mat-error>{{ nameError() }}</mat-error>
</mat-form-field>
