angular-material2

md-button

Introduction#

This topic includes examples on how to create a button and what its’ directives and other stuff do.

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.
## Remarks#
For more information and more examples, visit the docs.
## Simple buttons
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>

Plunker Demo

For more information about icons, see the docs on md-icon.


This modified text is an extract of the original Stack Overflow Documentation created by the contributors and released under CC BY-SA 3.0 This website is not affiliated with Stack Overflow