1.0.0-rc.10 • Published 18 days ago
@morpheme/tooltip v1.0.0-rc.10
Morpheme Tooltip Component
Reusable Tooltip Component
Installation
npm
npm i @morpheme/tooltip
yarn
yarn add @morpheme/tooltip
pnpm
pnpm i @morpheme/tooltip
Usage
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>
Documentation
View Tooltip
documentation here.
License
MIT
1.0.0-rc.10
18 days ago
1.0.0-canary1.74
8 months ago
1.0.0-next.39
9 months ago
1.0.0-edge.2
6 months ago
1.0.0-canary.7
8 months ago
1.0.0-edge.7
6 months ago
1.0.0-alpha.1
6 months ago
1.0.0-alpha.100
6 months ago
1.0.0-canary2.75
8 months ago
1.0.0-rc.7
6 months ago
1.0.0-beta.11
9 months ago
1.0.0-next2.41
9 months ago
1.0.0-edge.11
6 months ago
1.0.0-rc.3
6 months ago
1.0.0-rc.4
6 months ago
1.0.0-next.4
9 months ago
1.0.0-rc.1
8 months ago
1.0.0-next.5
9 months ago
1.0.0-rc.0
8 months ago
1.0.0-beta.10
10 months ago
1.0.0-alpha.32
12 months ago
1.0.0-alpha.53
12 months ago
1.0.0-alpha.284
11 months ago
1.0.0-alpha.283
11 months ago
1.0.0-alpha.94
12 months ago
1.0.0-alpha.282
11 months ago
1.0.0-alpha.222
11 months ago
1.0.0-alpha.37
12 months ago
1.0.0-alpha.286
11 months ago
1.0.0-alpha.78
11 months ago
1.0.0-alpha.40
12 months ago
1.0.0-alpha.130
11 months ago
1.0.0-beta.9
11 months ago
1.0.0-alpha.27
12 months ago
1.0.0-alpha.88
11 months ago
1.0.0-alpha.69
11 months ago
1.0.0-beta.8
1 year ago
1.0.0-alpha.13
1 year ago
1.0.0-alpha.6
1 year ago
1.0.0-beta.7
1 year ago
1.0.0-alpha.46
1 year ago
1.0.0-beta.6
1 year ago
1.0.0-beta.5
1 year ago