ElementRect

A function that returns the size of an element.

Demo

width: 0
height: 0
x: 0
y: 0
top: 0
right: 0
bottom: 0
left: 0

Usage

With a reference to an element, you can use the ElementRect utility to get the bounding rectangle of the element.

		<script lang="ts">
	import { ElementRect } from "runed";
 
	let el = $state<HTMLElement>();
	const rect = new ElementRect(() => el);
</script>
 
<textarea bind:this={el}></textarea>
 
<p>Width: {rect.width} Height: {rect.height}</p>
<!-- alternatively -->
<pre>{JSON.stringify(rect.current, null, 2)}</pre>