Skip to main content
Abhishek_Verma
October 25, 2023
Question

Auto change component height if inner component icons height changes

https://www.figma.com/file/t8H1gm8J7zTyBpoYdZEEfw/Test-Component-Resize?type=design&node-id=0%3A1&mode=design&t=1GbbRnG3v9kKjTRM-1 This is my Figma reference, here I have two icons which are having same width but different height, in Auth Layout, I have kept the 0 vertical gap, I created a component which contain Icon and Text in vertical order. The text is not pushed up when changing the icon using the component property since the next icon height is less. Could someone please suggest some options here to fix this issue?

This topic has been closed for replies.

2 replies

MartinBajac
MartinBajac
New Member
October 25, 2023

Hey @Abhishek_Verma . In order for both frames to have the same height, I would suggest adding auto-layout to the icon and the text and setting the vertical layout to space-between. Make another auto-layout for the background, having the desired padding and setting align-center. Do the same for the other icon.

Abhishek_VermaAuthor
October 26, 2023

Thanks @MartinBajac for your reply, I converted the text to a component added the auto-layout to icon&text with vertical layout setting, and updated space-between to 0 for both. I am not sure how to use the background and what padding I can keep. Could you please guide me on how I can do that and merge with the icon+text component?

Terms & ConditionsAccessibility statement