mat-stroked-button Button with an only outline or border and we can use it for medium significant actions. Name Description mat-button Text Buttons without borders, have a less important type and are generally used for low significant actions. Here we have listed Angular material button types using the material button attribute directive. Angular MatButtonModule provides us few options or types for the material button of different designs. We have seen Angular material buttons without borders using the mat-button attribute directive. Let’s edit the template to demonstrate the first example. We can see that the mat-button directive from the material button module had added material design style and action look. Here is a screenshot of our first example containing the HTML button elements with and without material button directives. We have completed the material configuration, let us demonstrate our first example that we have all components and directives needed for creating an Angular material list. import from './ng-material/ng-material.module' Open src/app/ng-material/ and replace the existing code with the code shown below. To use the Angular material button we need to import MatButtonModule, and MatIconModule.
#MATERIAL ICON RESIZE INSTALL#
Angular material library install and select the theme
#MATERIAL ICON RESIZE HOW TO#
Here we had a screenshot of how to select a theme from the Angular material themes option below. Let’s create a module and import all material components on it. To use the Angular material component, we have to import it into our app module. Ng add running the 3rd command will ask you the select theme, material typography, and animation, press yes on all. Let’s create and install the angular material library. Let’s first create an Angular material button project, we need to install the angular material library.
![material icon resize material icon resize](https://cdn1.iconfinder.com/data/icons/scaling-1/24/_expand_left_right_line_1-512.png)
Applying CSS style to Angular Material button.Angular material icon button & angular material button with icon and text.
![material icon resize material icon resize](http://cdn.onlinewebfonts.com/svg/img_149526.png)
Angular Material button color: using stroked, flat, and raised attribute directive.Angular Material button types or options.
![material icon resize material icon resize](https://bloximages.newyork1.vip.townnews.com/southernminn.com/content/tncms/assets/v3/editorial/5/06/5061c0b4-80f5-5c3c-9eeb-8dd6e8deea74/55493d29bdd91.image.jpg)