Tooltips


We used, [Tooltip from Element UI](http://element.eleme.io/#/en-US/component/tooltip) and customized the look of it. It's a really handy component and can be integrated very easily. The Tooltip and Popover components are initialised globally in `src/globalComponents.js`
import {Tooltip} from 'element-ui'

Global usage

Vue.use(Tooltip)

Local usage

export default {
  components: {
    [Tooltip.name]: Tooltip
  }
}

Simple tooltip

<template>
<div>
 <div>
 <el-tooltip content="Info"
             :open-delay="300"
             placement="top">
     <p-button>
       Top
     </p-button>
  </el-tooltip>
</div>
</div>

</template>

<script>
  export default {}
</script>