Reusable Tooltip Component
npm
npm i @morpheme/tooltip
yarn
yarn add @morpheme/tooltip
pnpm
pnpm i @morpheme/tooltip
First, install the FloatingVuePlugin
:
import {createApp} from 'vue'
import {FloatingVuePlugin} from '@morpheme/tooltip'
const app = createApp()
// use the plugin
app.use(FloatingVuePlugin)
Then, use it like so:
<script setup lang="ts">
// import styles
import '@morpheme/themes/dist/morpheme/main.css';
// import component
import VTooltip from '@morpheme/tooltip';
</script>
<template>
<VTooltip>
<template #activator>
<button>Hover me</button>
</template>
</VTooltip>
<span>I am a tooltip</span>
</template>
View Tooltip
documentation here.
MIT