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
Float label: 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