Auto-layout component with tooltip

Ask the community
1

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?

2

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.

2 Likes
3

That’s awesome. Thanks for that! :smiley:

4

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

5

Just write in the input .001.

2 Likes