Create gradient chat bubbles

Build a form with validation

Drag a UI element

Cookbook

Effects

Drag a UI element

Press and drag

Drop the draggable

Add a menu item to a cart

Interactive example

Drag and drop is a common mobile app interaction.
As the user long presses (sometimes called touch & hold)
on a widget, another widget appears beneath the
user’s finger, and the user drags the widget to a
final location and releases it.
In this recipe, you’ll build a drag-and-drop interaction
where the user long presses on a choice of food,
and then drags that food to the picture of the customer who
is paying for it.

The following animation shows the app’s behavior: