Angular Material consists of a lot of components of differing types, those are:
- Form controls: By form controls, we mean any type of controls that we use to collect data from a form, such as autocomplete, checkbox, normal input, radio button, select list, and so on.
- Navigation: By navigation, we mean things like a menu, a sidenav, or a toolbar.
- Layout: By layout, we mean how we can place the data on the page, such as using a list, a card, or tabs.
- Buttons: Those are what they sound like, buttons you can push. But there are a number of different ones you can use, such as icon buttons, raised buttons, and more.
- Popups and modals: These are specific windows that block any user interaction until you have interacted with the popup or modal.
- Data table: This is simply to show data in a tabular way. What kind of table you need depends on whether your data is massive and needs pagination, or if it needs to be sorted, or both.