Without Bounds

When cols or rows is set to 0, the grid grows infinitely in that dimension. The container expands to fit all items.

Code

svelte

<script lang="ts">
  import Grid, { GridItem } from '@appulsauce/svelte-grid';

  const itemSize = { width: 80, height: 40 };
</script>

<!-- cols={0} and rows={0} means infinite in both directions -->
<Grid {itemSize} cols={0} rows={0}>
  <GridItem x={1} y={0}>
    {#snippet children()}Hey{/snippet}
  </GridItem>
  <GridItem x={3} y={3} w={4}>
    {#snippet children()}Hoy{/snippet}
  </GridItem>
</Grid>