Integrating UI components
Angular Material contains a lot of UI components organized in categories at https://material.angular.io/components/categories. In this chapter, we will explore a subset of the preceding collection that can be grouped into the following categories:
- Form controls: These can be used inside an Angular form, such as autocomplete, input, and drop-down list.
- Navigation: These provide navigation capabilities, such as a header and footer.
- Layout: These define how data is represented, such as a card or table.
- Popups and overlays: These are overlay windows that display information and can block any user interaction until they are dismissed in any way.
In the following sections, we will explore each category in more detail.
Form controls
We learned in Chapter 10, Collecting User Data with Forms, that form controls are about collecting input data in different ways and taking further action, such as sending data to a backend...