svelte-watch-resize

svelte-watch-resize (npm, demo)

Watch element resize in Svelte

Installation

npm i -S svelte-watch-resize

Usage

<script>
    import { watchResize } from "svelte-watch-resize";
 
    let leftWidth;
    let mainWidth;
 
    function handleLeftResize(node) {
        leftWidth = node.clientWidth;
    }
 
    function handleMainResize(node) {
        mainWidth = node.clientWidth;
    }
</script> 
 
<div class="root">
    <div class="content leftContent" use:watchResize={handleLeftResize}>
        {leftWidth}
    </div>
    <div class="content mainContent" use:watchResize={handleMainResize}>
        {mainWidth}
    </div>
</div>