How do you put an image inside of an Angular2 Material fab button?
You can use:
mat-icon-button Circular button with a transparent background, meant to contain an icon
<button (click)="onEditBtnClick(row)" mat-icon-button color="accent">
<mat-icon>create</mat-icon>
</button>
"create" is an icon from https://material.io/icons/ https://material.angular.io/components/component/button
You can use button md-fab
with some additional styling.
<button md-fab class="image"
[style.backgroundImage]="'url(' + YOUR_IMAGE_URL + ')'">
</button>
and add:
button {
&.image {
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
}