Dragula

Simple Drag and Drop Example

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

03 Nov
iOS App home page

There are many variations of passages of Lorem Ipsum available.

Oct 16, 2018

Latest
Topnav layout design

There are many variations of passages of Lorem Ipsum available.

Oct 16, 2018

New
Invite user to a project

There are many variations of passages of Lorem Ipsum available.

Oct 16, 2018

Latest
Write a release note

There are many variations of passages of Lorem Ipsum available.

Oct 16, 2018

15 Jun
Enable analytics tracking

There are many variations of passages of Lorem Ipsum available.

Oct 16, 2018

Latest
Kanban board design

There are many variations of passages of Lorem Ipsum available.

Oct 16, 2018

Move stuff between containers

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

Team One
image
Louis K. Bond

Founder & CEO

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.

image
Dennis N. Cloutier

Software Engineer

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.

image
Susan J. Sander

Web Designer

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.

Team Two
image
James M. Short

Web Developer

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh

image
Gabriel J. Snyder

Business Analyst

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh

image
Louie C. Mason

Human Resources

"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh

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
image
Louis K. Bond

Founder & CEO

image
Dennis N. Cloutier

Software Engineer

image
Susan J. Sander

Web Designer

Part 2
image
James M. Short

Web Developer

image
Gabriel J. Snyder

Business Analyst

image
Louie C. Mason

Human Resources