# dnd-grid

Sitemap: https://dnd-grid.blode.md/docs/sitemap.xml
Skills: https://dnd-grid.blode.md/docs/.well-known/skills/index.json

## Docs
- [Callbacks](https://dnd-grid.blode.md/docs/api-reference/callbacks): Event callbacks for drag, resize, and drop operations.
- [DndGrid](https://dnd-grid.blode.md/docs/api-reference/dnd-grid): Main grid layout component.
- [Layout item](https://dnd-grid.blode.md/docs/api-reference/layout-item): Layout item type reference.
- [API overview](https://dnd-grid.blode.md/docs/api-reference/overview): API reference for dnd-grid.
- [ResponsiveDndGrid](https://dnd-grid.blode.md/docs/api-reference/responsive-dnd-grid): Breakpoint-aware grid layout component.
- [Compactors](https://dnd-grid.blode.md/docs/concepts/compactors): Control how layouts pack and collide.
- [Constraints](https://dnd-grid.blode.md/docs/concepts/constraints): Enforce drag and resize rules.
- [Grid items](https://dnd-grid.blode.md/docs/concepts/grid-items): Working with grid items.
- [Layout](https://dnd-grid.blode.md/docs/concepts/layout): How the grid system works.
- [Styling](https://dnd-grid.blode.md/docs/concepts/styling): Customise the look and feel of your grid.
- [Allow overlap](https://dnd-grid.blode.md/docs/examples/allow-overlap): Let items stack without collision.
- [Aspect ratio constraints](https://dnd-grid.blode.md/docs/examples/aspect-ratio-constraints): Lock item resizing to a ratio.
- [Basic example](https://dnd-grid.blode.md/docs/examples/basic): Simple draggable and resizable grid.
- [Bounded](https://dnd-grid.blode.md/docs/examples/bounded): Keep items within grid bounds.
- [Compactor showcase](https://dnd-grid.blode.md/docs/examples/compactor-showcase): Switch between vertical, horizontal, and none.
- [Constraints](https://dnd-grid.blode.md/docs/examples/constraints): Plug in constraints and custom rules.
- [Drag from outside](https://dnd-grid.blode.md/docs/examples/drag-from-outside): Drop external items into the grid.
- [Dynamic add/remove](https://dnd-grid.blode.md/docs/examples/dynamic-add-remove): Add and remove items at runtime.
- [Headless wrapper](https://dnd-grid.blode.md/docs/examples/headless): Build a custom wrapper with useDndGrid.
- [Kitchen sink](https://dnd-grid.blode.md/docs/examples/kitchen-sink): A full-featured builder with external drag, selection, action bar, and edit panel.
- [Local storage](https://dnd-grid.blode.md/docs/examples/localstorage): Persist layout to local storage and restore on load.
- [Resizable handles](https://dnd-grid.blode.md/docs/examples/resizable-handles): Items can be resized from all eight directions.
- [Responsive layout](https://dnd-grid.blode.md/docs/examples/responsive): Breakpoint layouts based on container width.
- [Scale](https://dnd-grid.blode.md/docs/examples/scale): Keep drag math correct when scaling the grid.
- [Static items](https://dnd-grid.blode.md/docs/examples/static-elements): Static items cannot be moved or resized.
- [Toolbox](https://dnd-grid.blode.md/docs/examples/toolbox): Move items between the grid and toolbox.
- [useContainerWidth](https://dnd-grid.blode.md/docs/hooks/use-container-width): Measure and track container width.
- [useDndGrid](https://dnd-grid.blode.md/docs/hooks/use-dnd-grid): Headless hook for building custom grid wrappers.
- [useDndGridItemState](https://dnd-grid.blode.md/docs/hooks/use-dnd-grid-item-state): Read the current item and interaction state.
- [useDndGridResponsiveLayout](https://dnd-grid.blode.md/docs/hooks/use-dnd-grid-responsive-layout): Manage responsive layouts and breakpoint state.
- [useEdgeScroll](https://dnd-grid.blode.md/docs/hooks/use-edge-scroll): Auto-scroll scroll containers while dragging near edges.
- [Introduction](https://dnd-grid.blode.md/docs/): Drag-and-drop grid layout for React.
- [Installation](https://dnd-grid.blode.md/docs/installation): Install and use dnd-grid.
- [Introduction](https://dnd-grid.blode.md/docs/introduction): Drag-and-drop grid layout for React.
- [SSR](https://dnd-grid.blode.md/docs/patterns/ssr): Server rendering and hydration tips.
- [Troubleshooting](https://dnd-grid.blode.md/docs/patterns/troubleshooting): Fix common setup issues.