[Feature request] Snap to grid

I would like to be able to drag and resize my elements while snapping to a grid

This is my workaround:

  const getGrid = (grid: number) => {
    const items = [0];

    while(items[items.length - 1] < width) {
      items.push(items[items.length - 1] + grid)
    }

    return items;
  }
  

<Moveable
  verticalGuidelines={getGrid(8)}
  horizontalGuidelines={getGrid(8)}
/>

This solution is not good for big layouts.

We can do something like X % gridWidth === 0 and Y % gridHeight === 0 to check the grid lines instead of checking thousands of items in an array.

It could look like this

<Moveable
  snapToGrid={true}
  gridWidth={8}
  gridHeight={8}
/>

[rememberlenny]

This is a great feature. Thank you!

[daybrush]

Thank you for PR.

react-moveable 0.28.3 is released.

Check it again.