Draggable V4

Adds draggable capabilities to DOM Elements.

Draggables are created using the createDraggable() method imported from the main 'animejs' module:

import { createDraggable } from 'animejs';

const draggable = createDraggable(target, parameters);

Or imported as a standalone module from the 'animejs/draggable' subpath:

import { createDraggable } from 'animejs/draggable';

Parameters

Name Accepts
target CSS Selector | DOM Element
parameters (opt) An Object of Draggable axes parameters, Draggable settings and Draggable callbacks

Returns

Draggable

Draggable code example

import { createDraggable } from 'animejs';

createDraggable('.square');
<div class="large row centered">
  <div class="square draggable"></div>
</div>