\n\n[Live demo here](http://vue-js-dropdown.yev.io/)\n\nInstall:\n```bash\nnpm install vue-js-popover --save\n```\nImport:\n```javascript\nimport Vue from 'vue'\nimport Popover from 'vue-js-popover'\n\nVue.use(Popover)\n```\nUse:\n```vue\n\n\n\n Hello 🎉\n\n```\n\nOr: \n```vue\n\n\n```\n\n### Tooltip \n\nPlugin contains a simple wrapper for `Tooltip`. To use it you will have to:\n\nSet `tooltip` flag in your `main.js`:\n```javascript\nimport VPopover from 'vue-js-popover'\nVue.use(VPopover, { tooltip: true })\n```\n\nInclude `tooltip` component anywhere in the application:\n\n```vue\n\n```\n\nAssign message to any element:\n```vue\n\n```\n\nTooltip component is simple af - 33 lines of code (mostly declarations). It demonstrates how easily you can create new things using the provided tool.\n\n### Props\n```javascript\nprops: {\n /* Tooltip name. */\n name: { type: String, required: true },\n \n width: { type: Number, default: 180 },\n \n /* If set - will show a tiny tip. */\n pointer: { type: Boolean, default: true },\n \n /* Name of the event which triggeres \n showing/hiding of the popover.\n Possible values are: 'click', 'hover'. */ \n event: { type: String, default: 'click' }\n}\n```\n### Positioning\n\nYou can use `.left`, `.right`, `.top`, `.bottom` modifiers to set the position of the popover.\n\nExample:\n\n```vue\n \n\n\n```\n\n### Styling\n\nPopover components have `data-popover=\"name\"` argument that allows to apply styles to it. \n\nExample:\n\n```\nBar\n```\n\n```css\ndiv[data-popover=\"foo\"] {\n background: #444;\n color: #f9f9f9;\n\n font-size: 12px;\n line-height: 1.5;\n margin: 5px;\n}\n```\n","readmeFilename":"README.md"}
![](\"https://media.giphy.com/media/xUA7beKmTnr9fkbI6k/giphy.gif\")
\n