cristijora / vue-tabs

Simplified bootstrap tabs
https://cristijora.github.io/vue-tabs/#/
MIT License
251 stars 72 forks source link

Customize vTab property #51

Open Geminii opened 6 years ago

Geminii commented 6 years ago

Hi all !

On my project, i use vue-tabs (so simply to use) but i need more liberty to obtain my result. vTab has only one property (title), can i propose a pull request to customize more vTab property ?

In fact, i need to specify a dynamic class or style to obtain the following render : https://ufile.io/wys5y

I have a dynamic list, and need to calculate the width for each item.

<vue-tabs @tab-change="handleAnalyzeTabChange">
    <v-tab v-for="tabType in itemsType" :key="tabType" :title="tabType" :style="getAnalyzeTabTypeWidth(itemsType.length)">
       {{ tabType }}
    </v-tab>
</vue-tabs>

Could be pretty cool to accept style or class on vTab prop and maybe on vTabs container ? Tell me what do you think about it ;)

Regards,