<mat-optgroup> component with image

[super-jb]

Bug, feature request, or proposal:

Proposal: allow component to have an icon / image besides the text

What is the expected behavior?

Something like:

<mat-optgroup *ngFor="let group of categories | async" [label]="group.category">
   <img src="{{group.symbol}}" />
   <mat-option *ngFor="let elem of group.elements" [value]="elem">
      {{ elem }}
    </mat-option>
</mat-optgroup>

What is the current behavior?

Currently, component renders as a label

<mat-optgroup *ngFor="let group of categories | async" [label]="group.category">
   <mat-option *ngFor="let elem of group.elements" [value]="elem">
      {{ elem }}
    </mat-option>
</mat-optgroup>

What are the steps to reproduce?

What is the use-case or motivation for changing an existing behavior?

In my case, trying to group elements into categories, and I'd like to display each category icon / image alongside the text

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

All

Is there anything else we should know?

Not that I'm aware

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}