For AI agents: the documentation index is at llms.txt. Markdown versions are available by appending .md to any page URL, including this page's markdown.
Scale
Keep drag math correct when scaling the grid.
How it works
When a grid sits inside a CSS transform, pointer coordinates no longer match layout coordinates and drags drift away from the cursor. The transformScale prop tells the grid what factor to divide by so the maths lines up again.
Set it to the same scale you applied in CSS. This comes up in zoomable canvases, presentation surfaces, and thumbnail previews of a larger board — anywhere the grid is rendered at something other than its natural size.
Installation
npx shadcn@latest add https://blode.co/dnd-grid/r/scale-example.jsonPublished with Edda