Drag an element and drop it in a different location, in a fluid way.
When to Use
Use the Drag and Drop component when you want to manipulate UI objects and their behavior, by dragging and dropping them in different areas of your application. Browse through a catalogue, to assign tasks, to add items to different lists or to sort items through lists or even in the same list. You can long press an element before you drag it.
How to use
This component uses 2 blocks: DraggableItem and DropArea. Each block receives a unique identifier, which will later be returned on the OnDrop Event. In the DraggableItem block select the elements which will be draggable, and use the DropArea block to define the areas where those elements can be dropped.
To sort items, set the Sort input parameter located in the DropArea’s block to make a specific DropArea sortable. Choose a time to start the interaction by setting a value in milliseconds in the Longpress input parameter, located in the DraggableItem block.