Content Comparison

...

• Material Documentation

• Dashboard Live Example

General Usage

Structure

<mat-form-field>
  <label class="required">Label Name</label>
  <input matInput type="text">
  <mat-hint>
    Error message here
  </mat-hint>
</mat-form-field>

Container

• Every input should have a mat-form-field container, which formats its' content styles and spacing, and facilitates spacing for any required input field error messages.

...