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.