Добавить значок в Thumb Vuetifyjs Tick Slider

Question

Я хочу добавить значок, будь то SVG Icon или Fontawesome, я не против.

Это код vuetifyjs, который я использую

    <v-slider
      v-model="value"
      :tick-labels="ticksLabels1"
      class="step-slider"
      height="20px"
      :max="4"
      :color="ex1.color"
      :track-color="ex2.color"
      :thumb-color="ex3.color"
      step="1"
      tick-size="0"
    ></v-slider>

Эточто я пытаюсь достичь.

Любая помощь очень ценится.

Спасибо.

Answer 1

Если кто-то борется, мне удалось сделать это с помощью CSS.

.v-slider__thumb:after {
    content: url();
    display: block;
    width: 18px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    margin-top: 1px;
}

Это код, который работал для меня.

Джейк.