Animation?

[gbdematos]

Hi,

Is there a possibility to add animation/transition effects?

Thanks!

[Scrum]

@gbdematos managed to find a solution?

[gbdematos]

@Scrum unfortunately no, I switched to tippy.js

[Scrum]

@gbdematos Thank you, great lib !!!

[hekigan]

With the new version out, I am thinking of adding example in the documentation soon.
It's already possible just using CSS and the class property of v-tooltip.

Just write a fade animation or whatever you want and just add the class option.

[gadelkareem]

With the new version out, I am thinking of adding example in the documentation soon.
It's already possible just using CSS and the class property of v-tooltip.

Just write a fade animation or whatever you want and just add the class option.

I saw the fadein class in the code but not sure how to use it?

[hekigan]

@gadelkareem Well, it's not part of the examples, but of the documentation. :)
You can see it working on the top of the page (header) of the documentation site.

The exact line to see it's implementation which use the CSS you talked about:

vue-directive-tooltip/site/src/App.vue

Line 10 in 40f2f77

<span class="one-liner">a <span class="tooltip" v-tooltip.top.notrigger="{ content: 'v-tooltip', visible: true, class: 'fade-in' }">tooltip</span> for Vue.js</span>