Draggable JS

Table of content

• Examples
• JS API

Usage

Use this component to add drag capabilities to an element.

app.js

import { Base, createApp } from '@studiometa/js-toolkit';
import { Draggable } from '@studiometa/ui';

class App extends Base {
  static config = {
    name: 'App',
    components: {
      Draggable,
    },
  };
}

export default createApp(App);

index.html

<div data-component="Draggable">
  <div data-ref="target">
    ...
  </div>
</div>