feat(Buttons): Buttons & FABs with support for Icon + label

[neo-xy]

Feature Description

At the moment Buttons and Fabs in documentaion are adjust for containing eaither a label or an icon,
are there any plans to extend api so icon + label in a Buttons and FABs can be easily aplied?
As now that can not be accomplished without adjusting and playing around with the css ;

Ex. of Fab with icon and label that destroys UI:

<button mat-fab (click)="drawer.toggle()"> <span class="material-symbols-rounded" >add</span> <span i18n="@@sales">Sales</span> </button>

Use Case

No response

[crisbeto]

There's an extended version of the FAB that supports both text and an icon. Here's an example: https://github.com/angular/components/blob/main/src/dev-app/button/button-demo.html#L15

Leaving the bug open so we can update the docs.

[neo-xy]

@crisbeto thank you, but of what I understand this is only for fab - there is no sucha thing for "button"...? - would be great if that can be concider as well :)

[crisbeto]

Buttons support both labels and icons as well, which I realize we don't have any examples for. Here are some more examples https://github.com/angular/components/blob/main/src/dev-app/button/button-demo.html#L166-L174

[neo-xy]

guessing the UI is of for me cause I'm using directly:
<span class="material-symbols-rounded">home</span> (https://fonts.google.com/icons)
instead of <mat-icon>
So now when I have You here:) :
Do you guys see a lot of value of sticking with instead of - as I found the second one more easy to work with and customize

[crisbeto]

I'm not sure I understand the question, but you can see what the example looks like at https://ng-comp-devapp.web.app/button