For AI agents: the documentation index is at /dnd-grid/docs/llms.txt. Append .md to any page URL, or send Accept: text/markdown, for the Markdown version of that page.
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.
Layout item type reference.
Layout<TData> is an array of LayoutItem<TData> objects:
import { type Layout } from "@dnd-grid/react";
type CardData = { kind: "chart" | "text" };
const layout: Layout<CardData> = [
{ id: "a"
Published with Edda
idstringrequiredUnique id. Must match the child's key.
xnumberrequiredX position in grid units (0-based).
ynumberrequiredY position in grid units (0-based).
wnumberrequiredWidth in grid units.
hnumberrequiredHeight in grid units.
minWnumberMinimum width.
maxWnumberMaximum width.
minHnumberMinimum height.
maxHnumberMaximum height.
constraintsLayoutConstraint[]Per-item drag and resize constraints.
staticbooleanDefault: falseIf true, the item is locked.
draggablebooleanOverride grid drag setting.
resizablebooleanOverride grid resize setting.
boundedbooleanOverride grid bounded setting.
resizeHandlesResizeHandleAxis[]Override grid resize handles.
dataTDataOptional typed metadata for the item.
const layout: Layout = [
{
id: "constrained",
x: 0, y: 0, w: 4, h: 3,
minW: 2, maxW: 8,
minH: 2, maxH: 6,
},
];