React-Grid-Layout v1.6.4 Demo 29 - Data-Flex Attributes

• View project on GitHub
• View this example's source
• ⇠ View the previous example: "Comprehensive Drag & Drop"
• ⇢ View the next example: "Flex Layout - No Dragging"

This demonstrates using data-flex attributes on children instead of providing a layout prop.

Click the buttons to dynamically change flex properties (grow/shrink) - the changes will trigger re-renders.

Try dragging items to reorder them, and toggle grow/shrink to see how items resize.