How can I make a tooltip?

[Gaby_Padilla]

I’ve created the placeholder message.
I’ve set the display as none with an absolute position.

For my icon, I’ve added a state on hover. But how can I relate the text with the icon I have?

Thanks

[Batik_Okazov]

Hi Gaby,

I made it with “dropdown” standard element.

1. I placed an icon inside trigger.
   

   

2. Bound dropdown conditional rendering to a var:
   

   

3. Created two workflows inside the icon on “mouse enter” and “mouse leave”.
   

   

3.1. On mouse enter:

I added a time dealy to imitate debounce, cause I don’t want toolptip to pop-up immediately.

3.2. On mouse leave:

[Agustin_Carozo]

Nice one Batik!

Thank you for the in depth tutorial

[Gaby_Padilla]

Thank you very much Batik for taking the time of making the step by step of what I need to do.

It worked!!!

[Yaj]

A simple one you can also do if you don’t want to use a dropdown is create an icon ( i used the exact same one thats shown here ) and then add an html attribute of title and then you’re tooltip text.

[Gaby_Padilla]

Hi Yaj, this is way easier.

Thanks!!!