Basic Grid

The simplest grid setup with fixed columns and rows. Drag items to reposition them, or resize using the bottom-right handle.

Code

svelte

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

<Grid 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>