For more info please check the components's official demos & documentation demos & documentation
mat-form-field is a component used to wrap several Angular Material components and apply common Text field styles such as the underline, floating label, and hint messages.
The following Angular Material components are designed to work inside a mat-form-field:
  • input matInput & textarea matInput
  • mat-select
  • mat-chip-list
Alabama Alaska Florida Illinois Kansas Michigan
Hide required marker
Auto Always Never
Both a label and a placeholder -- None -- Alabama Alaska Florida Illinois Kansas Michigan Fancy placeholder
{{input.value?.length || 0}}/10
Option Here's the dropdown arrow ^
{{getErrorMessage()}}
$  .00
Primary Accent Warn Min size: 10px

Legacy form field sentiment_very_satisfied Hint

Standard form field sentiment_very_satisfied Hint

Fill form field sentiment_very_satisfied Hint

Outline form field sentiment_very_satisfied Hint