You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/documentation/tutorial/06-bindings/11-dimensions/app-b/App.svelte

28 lines
397 B

<script>
let w;
let h;
let size = 42;
let text = 'edit me';
</script>
<input type="range" bind:value={size} />
<input bind:value={text} />
<p>size: {w}px x {h}px</p>
<div bind:clientWidth={w} bind:clientHeight={h}>
<span style="font-size: {size}px">{text}</span>
</div>
<style>
input {
display: block;
}
div {
display: inline-block;
}
span {
word-break: break-all;
}
</style>