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.
Compactor showcase
Switch between vertical, horizontal, and none.
How it works
A compactor decides where items settle once a drag ends. This example switches between vertical compaction, which pulls everything toward the top, horizontal compaction, which pulls toward the left, and no compaction at all, which leaves items exactly where they were dropped.
Vertical is the right default for feeds and dashboards where gaps look like bugs. Horizontal suits toolbars and timelines. No compaction suits freeform boards. Because the compactor is a prop, you can expose the choice to users as this demo does.
Installation
npx shadcn@latest add https://blode.co/dnd-grid/r/compactor-showcase-example.jsonPublished with Edda