Skip to main content
Question

I want hug AND fill action on text + icon 🤷🏻‍♂️


KennLucas

I can’t upload this without recreateing a file. I’ll try to get to it...but maybe someone knows the answer without seeing my file?

I made a component variant that has text and an trailing icon.

I want to be able to type text and have it truncate and still have the icon showing.

  • IF I use fill on the text, it works. I just jave to manually drag the width of the instance.
  • IF I use hug on the text, it is pretty! I love it...but…
  • IF I do the hug, then the text gets too long, the icon will push off the edge. 🤬

I tried doing a max width on the text, but then if I hide the icon I get a gap.

Totally confused here and I think this should be really simple. Anyone have an idea what I am doing wrong?

 

 

0 replies

Be the first to reply!

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings