I have an alert component that has a different look depending on its width - at narrow it lays out vertically, and when wider it has a more horizontal layout. There are min- and max-widths setup so that the narrow version can’t go wider than 719, and the horizontal can’t go narrower than 720.
What I want now is to build a frame to contain this alert component (which is set to fill container), that when stretched will automatically set the correct alert variant inside it. The vertical variant has a max-width of 719px, and the horizontal variant has a min-width of 720 - I want a frame that when stretched wider than 719 automatically switches to the other variant. I’m pretty sure I can do this with variables and modes but I’m not familiar enough with them to figure it out on my own - I would love it if someone has an example file, or anything similar, to point me to.