vue-directive-tooltip icon indicating copy to clipboard operation
vue-directive-tooltip copied to clipboard

Animation?

Open gbdematos opened this issue 6 years ago • 6 comments

Hi,

Is there a possibility to add animation/transition effects?

Thanks!

gbdematos avatar Mar 16 '19 11:03 gbdematos

@gbdematos managed to find a solution?

Scrum avatar Jun 03 '19 12:06 Scrum

@Scrum unfortunately no, I switched to tippy.js

gbdematos avatar Jun 03 '19 12:06 gbdematos

@gbdematos Thank you, great lib !!!

Scrum avatar Jun 03 '19 12:06 Scrum

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.

hekigan avatar Jun 28 '19 10:06 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.

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

gadelkareem avatar Jun 28 '19 11:06 gadelkareem

@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

hekigan avatar Jun 28 '19 12:06 hekigan