v-simple-tooltip
v1.3.0
Published
Simple tooltip plugin for Vue.js
Downloads
5
Readme
Installation
npm install --save v-simple-tooltip
Usage
<template>
<table>
<tr>
<td @mouseover="show_tooltip = true"
@mouseleave="show_tooltip = false">
Some text
<VSimpleTooltip
v-if="show_tooltip"
:content="tooltip_content"
:style="{
'text-align': 'center',
'color': 'red'
}"
></VSimpleTooltip>
</td>
</tr>
</table>
</template>
<script>
import VSimpleTooltip from 'v-simple-tooltip';
export default {
name: 'SomeExampleComponent',
components: {VSimpleTooltip},
data() {
return {
show_tooltip: false,
tooltip_content: '<b>HTML-compatible content</b><br>of tooltip'
}
}
}
</script>
LICENCE MIT - Created by Sergey Tulaeff (@tulaeff)