> For the complete documentation index, see [llms.txt](https://docs.grid.glideapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.grid.glideapps.com/api/dataeditor/drag-and-drop.md).

# Drag and Drop

```typescript
interface DataEditorProps {
    onDragLeave?: (() => void);
    onDragOverCell?: ((cell: Item, dataTransfer: DataTransfer | null) => void);
    onDrop?: ((cell: Item, dataTransfer: DataTransfer | null) => void);
}
```

***

### onDragLeave

```typescript
onDragLeave?: (() => void);
```

Emitted when the external drag event leaves the data editor.

***

### onDragOverCell

```typescript
onDragOverCell?: ((cell: Item, dataTransfer: DataTransfer | null) => void);
```

Emitted when the external drag event enters a new cell in the grid.

***

### onDrop

```typescript
onDrop?: ((cell: Item, dataTransfer: DataTransfer | null) => void);
```

Emitted when the external drag is dropped onto a valid target inside of the grid.

***