Skip to main content

I’m trying to create a button with a tooltip on hover:

figma6


The only problem is, as the text is different for each button, so is the size and I can’t use auto-layout as the tooltip will now be included in the frame and so the hover will break:

figma5


If I put the button with different text into an auto-layout next to another button, I get this:

image


Basically, is there a way to resize the component frame without breaking the hover?

Hi @alexf. You can put a tooltip in a zero-height frame, and this frame in Auto Layout. I just updated the community file where I added a tooltip for the buttons. Duplicate and see how it works.

Figma

That’s awesome. Thanks for that! 😃


Hey @tank666, curious how you managed to make the frame zero-height? I can only get mine to go to 1px.


Just write in the input .001.


It’s been a while, so this is now solved properly with the “Absolute position” option.




Reply