React to window resize

A window-resize interaction fires when the viewport changes size — handy for responsive behaviors that aren’t covered by breakpoints alone.

Where: Right sidebar → Interact → Interactions → “+” → Lifecycle — Add an “On window resize” interaction

Key ideas

• When it fires: mode “range” fires only between a minWidth/maxWidth window; “every” fires on each resize.
• Debounce: A debounce smooths rapid resize events so the animation doesn’t thrash.

Steps

1. Select the element.
2. Add an “On window resize” interaction.
3. Pick range (with min/max width) or every.
4. Set a debounce and the animation to run.