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.

You can use form field to wrap the following material components

• Material Input
• Material Select
• Material Chip list

Form Field Example

In the next example we will show you how you can use the mat-form-field attributes to change the look and behavior of a form.

The example shows how you can add error messages, hint messages, prefix and suffix options to form inputs.