ElementSize

요소의 크기를 반응적으로 추적합니다

ElementSize는 요소의 너비와 높이에 대한 반응형 액세스를 제공하며, 요소의 크기가 변경되면 자동으로 업데이트됩니다. ElementRect와 유사하지만 크기 측정에만 집중합니다.

데모

Width: 0
Height: 0

사용법

		<script lang="ts">
	import { ElementSize } from "runed";
 
	let el = $state() as HTMLElement;
	const size = new ElementSize(() => el);
</script>
 
<textarea bind:this={el}></textarea>
 
<p>Width: {size.width} Height: {size.height}</p>

타입 정의

		interface ElementSize {
	readonly width: number;
	readonly height: number;
}

Contributors