Drag and Drop

Drag and drop is an intuitive way for users to transfer data between locations. React Aria implements drag and drop for mouse and touch interactions, and provides full keyboard and screen reader accessibility.

Introduction

Drag and drop allows a user to move data between two locations. The initial location is referred to as a drag source, and the final location is referred to as a drop target. The dragged data consists of one or more drag items, each of which contains data such as text, files, or application-specific objects. These are shown in a drag preview under the user's cursor.