A container component that provides a resizeable grid layout. Supports dragging handles to resize columns and rows.
Component props.
The rendered grid container with drag handles and children.
<ResizeableGrid columns={2} rows={1}> <GridArea column={{ start: 1, end: 1 }} row={{ start: 1, end: 1 }}> Left </GridArea> <GridArea column={{ start: 2, end: 2 }} row={{ start: 1, end: 1 }}> Right </GridArea></ResizeableGrid> Copy
<ResizeableGrid columns={2} rows={1}> <GridArea column={{ start: 1, end: 1 }} row={{ start: 1, end: 1 }}> Left </GridArea> <GridArea column={{ start: 2, end: 2 }} row={{ start: 1, end: 1 }}> Right </GridArea></ResizeableGrid>
A container component that provides a resizeable grid layout. Supports dragging handles to resize columns and rows.