[TabView] Add support for iconClass on TabViewItem #11523

Is your feature request related to a problem? Please describe.

When using TabView and TabViewItem, we can set the title and iconSource. With this you can set a font icon on the iconSource, but it's not possible to set which font to use.

I already have a .mat-icon class which I can use on Label etc to get a font icon. I would like to do the same for TabViewItem. Similar to this issue #8440

This is also mentioned on Discord, but I couldn't find a corresponding issue here.

Describe the solution you'd like

Add option to set iconClass on the *tabItem

<TabView>
  <GridLayout *tabItem="{ title: 'Tab 1', iconClass: 'mat-icon', iconSource: 'font://home' }">
    <Label>Content 1</Label>
  </GridLayout>
  <GridLayout *tabItem="{ title: 'Tab 2', iconClass: 'mat-icon', iconSource: 'font://settings' }">
    <Label>Content 2</Label>
  </GridLayout>
</TabView>

Describe alternatives you've considered

Setting class="mat-icon" directly on the GridLayout, this didn't work.

Anything else?

No response

Please accept these terms

• I have searched the existing issues as well as StackOverflow and this has not been posted before
• I agree to follow this project's Code of Conduct