> For the complete documentation index, see [llms.txt](https://nswamy14.gitbook.io/i2djs-v5/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nswamy14.gitbook.io/i2djs-v5/api-reference/behaviour/drag.md).

# Drag

## Drag:-

drag() API is used to define drag interactions on the layer. It extends the dom events to facilitate drag behavior. Drag interactions consist of 3 actions - **dragStart**, **drag**, **dragEnd.**

#### **Syntax:**

```
let dragInstance = i2d.behaviour.drag()
```

**dragStart:** Triggered on drag starts.

```
dragInstance.dragStart(function(event){

})
```

**drag:** Triggered continuously on drag. It will be triggered after **dragStart** till **dragEnd.**

```
dragInstance.drag(function(event){

})
```

**dragEnd:** Triggered once on drag ends.

```
dragInstance.dragEnd(function(event){

})
```

## Usage:

```
let dragInstance = i2d.behaviour.drag()
dragInstance.dragStart(function (event) {
    node.setAttr('transform', event.transform);
});
dragInstance.drag(function (event) {
    node.setAttr('transform', event.transform);
});
dragInstance.dragEnd(function (event) {
    node.setAttr('transform', event.transform);
});

node.on('drag', dragInstance);
```