RGL Example 13 - Bounded

◢ RGL v2.1.0

Examples

00 Showcase
01 Basic
02 No Dragging
03 Messy
04 Grid Item Properties
05 Static Elements
06 Dynamic Add/Remove
07 LocalStorage
08 Responsive with LocalStorage
09 Minimum and Maximum Width/Height
10 Dynamic Minimum and Maximum Width/Height
11 Toolbox
12 Drag From Outside
13 Bounded
14 Bootstrap-style Responsive Grid
15 Scale
16 Allow Overlap
17 All Resizable Handles
18 Compactor Showcase
19 Pluggable Constraints
20 Aspect Ratio Constraints
21 Custom Constraints

GitHub

React-Grid-Layout - Bounded

v2.1.0

View Source
⇠ Drag From Outside
⇢ Bootstrap-style Responsive Grid

Try dragging the elements around. They can only be moved within the grid, the draggable placeholder will not show outside it.