Currently, I am facing an issue where I am trying to display numbers in mat-icon buttons instead of other icons. Strangely, when I set other icons, it works perfectly fine, but when I try to set numbers, the button appears blank.
I have attempted to troubleshoot the problem, but unfortunately, I have been unable to identify the root cause.
Here is a snippet from my app.component.html file:
<div class="col-sm-9">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-4">
<button mat-mini-fab><mat-icon >1</mat-icon></button>
</div>
<div class="col-sm-4">
<button mat-mini-fab><mat-icon >2</mat-icon></button>
</div>
<div class="col-sm-4">
<button mat-mini-fab><mat-icon >3</mat-icon></button>
</div>
<div class="col-sm-4">
<button mat-mini-fab><mat-icon >4</mat-icon></button>
</div>
</div>
</div>
</div>
</div>
</div>
If anyone could provide assistance on resolving this issue, it would be greatly appreciated.