@3yourmind/vue-use-tippy

Vue hook for tippy.js
4,633 81
Install
npm install @3yourmind/vue-use-tippy
Latest Version:4.0.0
Vue:3
Older releases:2
License:MIT
Last Updated:Aug 18, 2026
Links: GitHub  ·  npm
Maintainer: felix_bauer

@3yourmind/vue-use-tippy

Vue hook for tippy.js

Usage

import { useTippy } from '@3yourmind/vue-use-tippy'
import { computed, defineComponent, ref } from 'vue'

export default defineComponent({
	setup() {
		const contentRef = ref<Element | null>(null)

		useTippy(
			helpTextTriggerRef,
			computed(() => ({
				appendTo: () => document.body,
				content: contentRef.value ?? undefined,
				interactive: true,
				theme: 'light-border',
			})),
		)

		return {
			contentRef,
		}
	},
})

Options

See https://atomiks.github.io/tippyjs/v6/all-props/ for supported options

Related Packages

tippy.vue

Nesting-free Vue components for Tippy.js - a drop-in addition with no structural...

133,819 28
vue-popper

A popper mixin for Vue.

6,413 116
floating-ui

Easy Tooltips, dropdowns, menus & popovers using floating-ui

165,538
floating-vue

Easy Vue tooltips, dropdowns, menus & popovers using floating-ui

22,794,985 3,459
vue-js-popover

Vue.js 2+ popover component

243,894 459

Version History

Version Released Vue License
4.0.0 3.5.25 MIT
3.0.0 ^2.7 MIT
2.0.0 MIT
1.0.1 MIT
1.0.0 MIT
Pre-releases (1)
Version Released Vue License
4.0.0-rc1 3.5.25 MIT