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.
Bounded
Keep items within grid bounds.
How it works
By default an item can be dragged past the top or left edge of its container while a drag is in flight. Setting the bounded prop clamps movement so items stay fully inside the grid for the whole gesture, not just when the drag is released.
This matters most when the grid is the whole page surface and there is no scroll region to absorb an overshoot. Combine it with constraints when you need a stricter rule than the container edges.
Installation
npx shadcn@latest add https://blode.co/dnd-grid/r/bounded-example.jsonPublished with Edda