1. tooltip-directive

tooltip-directive

Tooltip-directive

Create tooltips easily with just a directive.

Usage

Vue 3

 import { createApp } from "vue"
import App from "./App.vue"
import directive from "tooltip-directive"
const app = createApp(App)
app.directive("tooltip", directive)
app.mount("#app")

Then, you can use the directive in any component

 <template>
  <button v-tooltip="{text: 'Informative text', position: 'up'}"></button>
</template>

Props

Property Accepted values
text string
position "up", "down", "left", "right"

Contributors

  • Sebastián Castañeda