Hey @Tara_Price, you can’t do without hacks.

I made an example which you can see from the link below.

Design file:

Kinda but not quite. It looks like when the content grows, the angle of the blue will not adjust.

Right now I’m manually adjusting the size of the background portion. But I was hoping I was just missing something obvious.

Thanks for the attempt! 🙂

Could you demonstrate how it should work?

I have the angle blue fill pinned to the top right corner. And the size of the modal is based on the size of the content I’m swapping out.

Here’s a proof of concept that I think covers your use case:

The main technique is hacky but I’ve used in production; it’s basically a fixed zero-height background anchored to the top right corner (with clip content turned off). The actual background is a component large enough to accommodate the widest size of your modal. (In theory, you could use an image for this background but it is not performant as an SVG).

Hope this helps!

Thanks @ntfromchicago for the help. The directions definitely solved my issue. It is hacky, but it’ll work for my master component. I was also able to put my header content in that top frame. So bonus!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.