Angular Material Fundamentals - Mat-Form-Fields

When building forms in your Angular application it's a good idea to have a consistent look and feel for those forms, the Angular Material library provides us with the Mat-Form-Field component to do just that. In this Shook, I will walk you through those various options with code examples along the way.

We will learn how to set up the various options of the mat-form-field component and what these look like, we'll cover the following sections.

• Setting up a simple Mat-Form-Field component
• Changing the appearance and the four options available
• Setting up floating labels
• Hint messages
• Error messages
• Setting these options globally

You will also be able to download the code from a GitHub repository.