Drag and Swipe Interactions

Make elements draggable (with bounds and inertia) or respond to swipe gestures in a direction.

Where: Right sidebar → Interactions → Pointer → Drag / Swipe — Add a Drag or Swipe interaction

Key ideas

• Drag options: axis, bounds (a zone selector or {minX,maxX,minY,maxY}), inertia, collideEdges, maxTravel, travelDirection.
• Swipe options: direction (up/down/left/right), threshold, reverse.

Steps

1. Select the element.
2. Add a Drag (or Swipe) interaction from the Pointer category.
3. Set bounds/inertia for drag, or direction/threshold for swipe.
4. Preview the gesture.