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?

Question

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

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?

This topic has been closed for replies.