title: Vuetify - How to add html in slider tick labels
body: <p>I am using Vuetify in my vue app and need to give HTML tags in my tick labels, I checked Vuetify doc but found it accepts string and in case we pass HTML, it renders it as string. Is there a way we can inject HTML in tick labels. Here is what I have tried:</p>
  
  <p>Codepen link here: <a href="https://codepen.io/vishalgulati/pen/gOYyMza?&amp;editable=true&amp;editors=101" rel="nofollow noreferrer">https://codepen.io/vishalgulati/pen/gOYyMza?&amp;editable=true&amp;editors=101</a></p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;v-app id="inspire"&gt;
      &lt;v-card flat color="transparent"&gt;
        &lt;v-subheader&gt;Tick labels&lt;/v-subheader&gt;
  
        &lt;v-card-text&gt;
          &lt;v-slider
            v-model="fruits"
            :tick-labels="ticksLabels"
            :max="3"
            step="1"
            ticks="always"
            tick-size="2"
          &gt;&lt;/v-slider&gt;
        &lt;/v-card-text&gt;
      &lt;/v-card&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;
  
  new Vue({
    el: '#app',
    data () {
      return {
        value: 0,
        fruits: 0,
        ticksLabels: [
          '&lt;span&gt;&amp;nbsp&lt;/span&gt;',
          '',
          'Pear',
          'Apple'
        ]
      }
    }
  })
  </code></pre>