<script>
import VirtualList from 'svelte-tiny-virtual-list';
let itemSize = 50;
</script>
<div class="actions">
<label for="item-height">
Item Height:
<div class="range">
<input type="range" id="item-height" step="5" min="50" max="155" bind:value={itemSize}>
</div>
</label>
</div>
<div class="list">
<VirtualList
height={500}
width="auto"
itemCount={100000}
{itemSize}>
<div slot="item" let:index let:style {style} class="row">
Item #{index}
</div>
</VirtualList>
</div>
<style>
:global(body), :global(html) {
height: 100%;
margin: 0;
background-color: rgb(249, 249, 249);
}
:global(.virtual-list-wrapper) {