<style>
.demo-widget {
background: #f1f1f1;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.demo-container {
max-width: 800px;;
width: 100%;
}
.resizer {
position: absolute;
bottom: 5px;
right: 5px;
cursor: move;
}
</style>
<div class=demo-container>
<Grid bind:items={items} rowHeight={100} let:item let:dataItem {cols} let:resizePointerDown>
<div class=demo-widget>
{dataItem.id}
{#if item.customResizer}
<div class=resizer on:pointerdown={resizePointerDown}>
☞ Resize me
</div>
{/if}
</div>
</Grid>
</div>