spatie / vue-tabs-component

An easy way to display tabs with Vue

Home Page:http://vue-tabs-component.spatie.be

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add icon component as prefix/suffix

odai-alali opened this issue · comments

Hi, Thanks for sharing this useful component.

There is this use case that I have a question about. We mostly use components to generate icons, like here.

How can I pass this icon/component to prefix?

This works:

<tab name="map" prefix="<i class='material-icons'>map</i>">
<tab name="beer" prefix="<i class='fa fa-beer'></i>">

It would probably work better with a <slot> than with the current html property, but that needs a PR.

There is an old branch that implements this

I've just noticed it, I will try it later.

@sebastiandedeyne are there any plans to merge this with master?

The implementation was never finished, because we never were able to find a complete working solution (other people have tried too in vain...)

Feel free to give it a go of course!

For now, you'll need to use @pieterjandesmedt's solution.

Duplicate of #8

Instead of doing a slot for a prefix/sufix what about a slot for the whole name?