Navigation is how we get around in the application. There are different ways for us to do that, such as clicking a link or clicking on a menu item for example. Angular Material offers three components for this:
- Menu: This is a pop-out list where you get to choose from many different menu options
- Sidenav: This component acts like a menu docked to the left or the right of the page and presents itself as an overlay over the application while dimming the application content
- Toolbar: This is typical toolbar that is a way for the user to reach commonly used actions
In this section, we will show a full example of using the menu, but we encourage you to keep exploring by learning to use the sidenav (https://material.angular.io/components/sidenav/overview), as well as the toolbar component (https://material.angular.io/components/toolbar/overview).