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.


This angular material provides most of the technology areas such as angular material example , angular material download , angular material design template , angular material vs bootstrap , angular material for angular 2 , what is angular material , angular material demo , angular material2 , angular material demo , angular 4 material , angular material npm , angular material tutorial , angular material cdn , angular material vs bootstrap


Related Searches to Simple buttons in angular material2