Interactions The mouse & touch based behaviors

Draggable

Modal draggable

Constrain movement along an axis:

I can be dragged only vertically

I can be dragged only horizontally

Or to within another DOM element:

I'm contained within the box

I'm contained within my parent

Dropable

Drag me to my target

Outer droppable

Inner droppable (not greedy)

Outer droppable

Inner droppable (greedy)

Resizable

Resize me!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, repellendus, ea sint at quae soluta!

Selectable

You've selected: none.

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Sort #1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, nisi totam ratione iste tenetur dolorum.

Sort #2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, nisi totam ratione iste tenetur dolorum.

Sort #3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, nisi totam ratione iste tenetur dolorum.

Sort #4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, nisi totam ratione iste tenetur dolorum.

Sort #5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, nisi totam ratione iste tenetur dolorum.

Sort #6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, nisi totam ratione iste tenetur dolorum.