Static Grid

When itemSize is provided, the grid uses fixed pixel dimensions instead of adapting to the container. Each cell here is 80×40 pixels.

Code

svelte

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

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

<Grid {itemSize} cols={10} rows={10}>
  <GridItem x={1} y={0}>
    {#snippet children()}Hey{/snippet}
  </GridItem>
  <GridItem x={3} y={3} w={4}>
    {#snippet children()}Hoy{/snippet}
  </GridItem>
</Grid>