AI agents: fetch the documentation index at llms.txt. Markdown versions are available by appending .md to any page URL, including this page's markdown.
Layout item
Layout item type reference.
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,
},
];