I have a search button that turns into a field on click. I’d like the field to be wider than the button and to push the objects beside it out of the way when it expands. I’d like the se4arch button/field to be an instance of a component with two variants, one for each state resting and expanded).
Unfortunately, I can’t get the size of the component instance to change when used in a different file. I’ve tried setting both the component and the instance to “Hug”, but to no avail.
Here’s a video of a similar interaction from Monday.com:
PS. I don’t know how to embed a demo Figma file here… sorry about that.