POC: create custom tab

[fifoosid]

No description provided.

[vladitasev]

I think this is an option we could explore further, but not by passing HTML in a string, which is a security problem generally, but rather by passing an HTML Template tag as a new slot.

So imagine tabs having 2 slots: content (as it is now) and template:

<ui5-tab icon="sap-icon://employee"> <ui5-button>Button 3</ui5-button> <template slot="template"> <div>...</div> </template> </ui5-tab>

And then use the content of the template to render.

The problem I see with this solution is that you have to pass the template to each tab separately.
I think it would be easiest to create a CustomTab component which extends the Tab and has a static method to pass the template

class HeaderTab extends CustomTab => and then a static call:
HeaderTab.setTemplate(HTML template here)