# 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>
 <el-tooltip content="Info"
             effect="light"
             :open-delay="300"
             placement="top">
     <base-button>
       Top
     </base-button>
</el-tooltip>
Show Code