title: How to set up classes for Vue.js uiv library's Tab component?
body: <p>We use uiv library in our project. We have tabs and I'd like to customize their UI. The documentation says:</p>
  
  <p><a href="https://uiv.wxsm.space/tabs#tab" rel="nofollow noreferrer">https://uiv.wxsm.space/tabs#tab</a></p>
  
  <p>I'm not sure how to use Tab's API, for example, to have different colors for different tabs under some circumstances.</p>
  
  <p>I've tried simply this:</p>
  
  <pre><code>&lt;tab
    v-for="(sectionDescription) in tabbedSectionDescriptions"
    :key="sectionDescription.key"
    :title="sectionDescription.displayName"
    :tab-classes="{ 'paint-tab': true }"
  &gt;
  
  &lt;style lang="stylus" scoped&gt;
  &gt;&gt;&gt; .nav-tabs
    .paint-tab
      a
        color red
  &lt;/style&gt;
  </code></pre>
  
  <p>But, all tab's titles are painted in red, which is not behavior I need.</p>