AustinGil/vuetensils

[Feature Request] Markup support in tab labels

patrickcate opened this issue · 2 comments

I think a good addition for the tab component would be to allow markup in the tab labels. This would allow the addition of things like icons in the labels.

I assume using slots for the tab labels would give the most flexibility, but I'm sure there are other ways as well.

You're absolutely right. In fact, I thought about this when I was building the components. Using the named slots was kind of an experiment just to see if it would work, and how it would feel. I like it, but it does have that one flaw.

The challenge for providing flexible content is to ensure that the component is still accessible. Most libraries provide tabs through a "compound" component made up of multiple component (ie + + ), but I've never liked the developer experience of using compound components.

With that said, I think there is a solution, somehow. I've got a couple of ideas, but would need to play around with them.

I think this should be solved with the latest version https://vuetensils.stegosource.com/components/tabs.html