What Is Mat Toolbar

The <mat-toolbar>, an Angular Directive, is used to create a toolbar to show title, header or any action button. <mat-toolbar> – Represents the main container.

What is MD-toolbar?

md-toolbar is used to place a toolbar in your app. Toolbars are usually used above a content area to display the title of the current page, and show relevant action buttons for that page. You can change the height of the toolbar by adding either the md-medium-tall or md-tall class to the toolbar.

How do I change the color of my mat toolbar?

The color of a <mat-toolbar> can be changed by using the color property. By default, toolbars use a neutral background color based on the current theme (light or dark). This can be changed to ‘primary’ , ‘accent’ , or ‘warn’ .