Angular Material - Simple buttons in angular material2 - Angular Material Tutorial
Simple buttons in angular material2
To create a button, use the md-button attribute for a flat button and md-raised-button for an elevated button:
<button md-button>Button</button>
<button md-raised-button>Raised Button</button>
<button md-fab><md-icon>add</md-icon></button>
<button md-mini-fab><md-icon>check</md-icon></button>
<button md-icon-button><md-icon>person_add</md-icon></button>
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy angular material tutorial , angular 4 material , angular material2 , angular material example team
Plunker Demo For more information about icons, see the docs on md-icon.
Parameters
Attribute Description md-button Creates a rectangular button w/ no elevation. md-raised-button Creates a rectangular button w/ elevation md-icon-button Creates a circular button with a transparent background, meant to contain an icon md-fab Creates a circular button w/ elevation, defaults to theme's accent color md-mini-fab Same as md-fab but smaller disableRipple Whether the ripple effect for the button is disabled.