# Drag & Drop

Custom Dragula.js integration.

#### Simple Drag and Drop

Just add the data attribute `data-toggle="dragula"` to have drag and drop support in your container.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

#### Containers

Add the data attribute `data-dragula-containers='["#cards-left", "#cards-right"]'` to allow the user to drag an element in any of the containers and drop it in any other container in the list.

Container #1

Jenell D. Matney
Founder and CEO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Sherri J. Cardenas
Software Engineer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Joseph S. Ferland
Web Designer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Container #2

Bryan K. Davis
Web Developer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Elizabeth J. Ohara
Business Analyst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Kaci M. Langston
Human Resources

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

#### Handles

Add the data attribute `data-dragula-moves="js-dragula-handle"` to allow the user to drag an element in any of the containers and drop it in any other container in the list using a handle.

Container #1
Jenell D. Matney
Founder and CEO
drag_handle
Sherri J. Cardenas
Software Engineer
drag_handle
Joseph S. Ferland
Web Designer
drag_handle
Container #2
Bryan K. Davis
Web Developer
drag_handle
Elizabeth J. Ohara
Business Analyst
drag_handle
Kaci M. Langston
Human Resources
drag_handle