Make any Bubble element draggable inside a restricted area, set initial position and size by percent, and read the final X/Y offsets via states.

---

---

Overview

Transforms any Bubble element into a draggable component with percentage-based positioning. Perfect for responsive layouts, dashboards, and custom interfaces where elements maintain relative positioning across screen sizes.

Key Features

• Percentage-based positioning for responsive behavior
  
• Constrained dragging within boundaries
  
• Initial position control (X/Y margins in %)
  
• Real-time state updates for workflows
  
• Event fires on drag complete
  
• Works with repeating groups
  
• Enable/disable control