search

hekigan / vue-directive-tooltip

Vue.js tooltip directive. Easy to use, configure and style
https://hekigan.github.io/vue-directive-tooltip/
MIT License
173 stars 33 forks source link

Animation? #40

Open gbdematos opened 5 years ago

gbdematos commented 5 years ago

Hi,

Is there a possibility to add animation/transition effects?

Thanks!

Scrum commented 5 years ago

@gbdematos managed to find a solution?

gbdematos commented 5 years ago

@Scrum unfortunately no, I switched to tippy.js

Scrum commented 5 years ago

@gbdematos Thank you, great lib !!!

hekigan commented 5 years ago

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 commented 5 years ago

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 commented 5 years ago

@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: https://github.com/hekigan/vue-directive-tooltip/blob/40f2f77246b48ecfb1dad7a6735a9779c07d3730/site/src/App.vue#L10