How can I wrap a v-switch with a v-tooltip with Vuetify?

Viewed 1995
2 Answers

not really sexy, but you can wrap your switch in a div

<div 
  v-on="on"
  v-bind="attrs">
    <v-switch
      v-model="boo"
    ></v-switch>
</div>

v-tooltip is label of v-switch

<v-switch
  v-model="boo"
  inset>
  <template v-slot:label>
    <v-tooltip color="black" bottom>
      <template v-slot:activator="{ on, attrs }">
        <span
          v-bind="attrs"
          v-on="on">switch label</span>
      </template>
      Tooltip
    </v-tooltip>
  </template>
</v-switch>

switches document

Related