DropArea
Use DropArea to accept drops coming from a DragArea, or from another application on platforms that support it.
The can-drop callback runs while the cursor moves over the area to decide whether to accept the drag.
The dropped callback runs when the user releases the mouse inside the area after can-drop returned true.
See DragAndDrop for a usage guide and a complete example.
Properties
Section titled “Properties”enabled
Section titled “enabled” bool default: true
Set to false to stop the DropArea from accepting any drops.
Callbacks
Section titled “Callbacks”can-drop(event: DropEvent) -> bool
Section titled “can-drop(event: DropEvent) -> bool”Return true from this callback to accept the drag, or false to reject it.
While the drag is accepted, contains-drag is true and the cursor changes to a “copy” shape.
The argument is a DropEvent describing the drag.
dropped(event: DropEvent)
Section titled “dropped(event: DropEvent)”Invoked when the user releases the mouse over the area after can-drop returned true.
Use this callback to read event.data and apply the drop.
The argument is a DropEvent describing the drop.
contains-drag
Section titled “contains-drag” bool (out) default: false
true while an accepted drag hovers over the area, false otherwise.
Bind it to a visual property to give the user feedback, for example a background color.
© 2026 SixtyFPS GmbH