V-tooltip

lastmod 2022-10-04created 2021-07-143 edits

The v-tooltip component is useful for conveying information when a user hovers over an element.

You can also programmatically control the display of tooltips through v-model.

When activated, tooltips display a text label identifying an element, such as a description of its function.

Example

    <v-tooltip bottom>
      <template v-slot:activator="{ on, attrs }">
        <v-btn
          color="primary"
          dark
          v-bind="attrs"
          v-on="on"
        >
          Button
        </v-btn>
      </template>
      <span>Tooltip</span>
    </v-tooltip>

See also

• vuetify