Generally used more important actions than text buttons. Mat-stroked-button is an outlined button i.e., button contains border. mat-button example mat-stroked-button example So it uses mat-button to remove the items from cart. mat-button exampleįor a shopping website like Google express remoing items from shopping cart is less important action. Actions like Dismiss,Learn More,Got it are usually text buttons. Mat-button is a simple text button generally used for less important actions. Google express uses all kinds of material buttons in its website. Most of the google products are developed in Angular material.
mat-mini-fab (Mini floating action button). mat-fab (Normal floating action button). mat-raised-button (Contained button with color and shadow). 
mat-flat-button (Contained button with color). FAB extended button contains text label with icon.īutton type should be given as attribute to button or anchor tag. FAB button should not contain regular text and icon should clearly represent the action being performed. FAB buttons should be used for constructive actions such as create,share etc. mat-fab is a regular FAB button,mat-mini-fab is a mini FAB button. We have three types of FABs regular, mini, and extended. It is a circular shape button with an icon in its center. As the name suggests It appears in front of all screen content(floating). Floating action button represents the primary single most important action in a Website. mat-raised-button is an example of contained button filled with color and has a shadow. mat-flat-button is an example of contained button filled with color. 
And these actions are primary actions on the page. Contained buttons have more significant than other buttons, and they are filled with color and shadow. mat-stroked-button is an example of outlined button. The actions are important but not primary actions on the page. Outlined buttons are used for medium significant actions,outlined with border. mat-button is an example of text button. Text buttons generally used for low significant actions. Depending upon the importance of actions. MatButtonModule comes up with seven different types of buttons. 
MatAnchor directive extends MatButton contains defination for raised material design button and exported as matAnchor or matButton.Īnd the selector is a, a, a, a,Ī a a MatButton Directive contains defination for material design button and exported as matButton Īnd the selector is button, button, button,īutton, button, button, To import Mat Button Module use the following code.
0 kommentar(er)
