Drag & Drop

Simple Drag and Drop Example

Just specify the data attribute data-plugin='dragula' to have drag and drop support in your container.

{{ card.text }}

Move stuff between containers

Just specify the data attribute data-plugin='dragula' and data-containers='["first-container-id", "second-container-id"]'.

Part 1
{{ item.name }}

{{ item.role }}

"{{ item.desc }}

Part 2
{{ item.name }}

{{ item.role }}

"{{ item.desc }}

Move stuff between containers using handle

Just specify the data attribute data-plugin='dragula', data-containers='["first-container-id", "second-container-id"]' and data-handle-class='dragula-handle'.

Part 1
{{ item.name }}

{{ item.role }}

☰
Part 2
{{ item.name }}

{{ item.role }}

☰