md-button

Other topics

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.

Parameters:

AttributeDescription
md-buttonCreates a rectangular button w/ no elevation.
md-raised-buttonCreates a rectangular button w/ elevation
md-icon-buttonCreates a circular button with a transparent background, meant to contain an icon
md-fabCreates a circular button w/ elevation, defaults to theme's accent color
md-mini-fabSame as md-fab but smaller
disableRippleWhether the ripple effect for the button is disabled.

Contributors

Topic Id: 10870

Example Ids: 32569

This site is not affiliated with any of the contributors.