@volizik/simple-vue-tooltip

Simple tooltips directive for Vue.js

Usage no npm install needed!

<script type="module">
  import volizikSimpleVueTooltip from 'https://cdn.skypack.dev/@volizik/simple-vue-tooltip';
</script>

README

simple-vue-tooltip

This is a simple tooltip directive for vue!

  • Npm installing:
    npm install @volizik/simple-vue-tooltip

  • Installing into Vue:

import Vue from 'vue'
import tooltip from '@volizik/simple-vue-tooltip'

Vue.directive(tooltip)
  • Add styles:
<style lang="scss">
@import '~@volizik/simple-vue-tooltip/styles/tooltip';
...
</style>
  • Usage
<button v-tooltip.right.bottom="I am your tooltip">Hover me!</button>
  • Options: left | right | bottom | top
  • Shown only on hover