1.0.0 • Published 4 years ago
tooltip-js-testing-vue-test v1.0.0
vue-js-tooltip
Installation
yarn add tooltip-vuenpm i tooltip-vueBase usage
<template>
<button>
Hover me
<tooltip-vue>
I am a tooltip
</tooltip-vue>
</button>
</template>
<script>
import TooltipVue from "tooltip-vue"
components: {
TooltipVue
}
</script>With v-model
<template>
<button @click="tooltip = !tooltip">
Click me
<tooltip-vue v-model="tooltip">
I am a tooltip
</tooltip-vue>
</button>
</template>
<script>
import TooltipVue from "tooltip-vue"
components: {
TooltipVue
},
data: () => ({
tooltip: false
})
</script>Props
| Name | Type | Default | Description |
|---|---|---|---|
| offset | Number | 12 | Number to offset the tooltip vertically in pixels |
| withArrow | Boolean | false | Show tooltip arrow |
| position | String | bottom | Position of the tooltip relative to its target. Accepted values: top, bottom |
| backgroundColor | String | #505050 | Color tooltip background |
| classes | String | '' | CSS classes for the tooltip |
| styles | Object | {} | Object with CSS properties and values for styling the tooltip |
Slots
| Name | Description |
|---|---|
| default | Used for pass the content |
1.0.0
4 years ago