Kickstart

Drag and Drop

Foo
Bar
Dragging
Drop stuff here
Dropped
Name Type Default Description
tag
String
div
What tag should be, this uses vue component :is="tag"
disabled
Boolean
false
To make the draggable not drag.
activeClass
String
dragging
What the html class is for the draggable element
tag
String
div
What tag should be, this uses vue component :is="tag"
activeClass
String
drop-zone-active
What the html class is for the droppable element
inactiveClass
String
''
What the html class is for the droppable element when there isn't a draggable element hovering over
accept
Boolean, Function
true
Opposite of disabled prop. This can be a function that allows the parent component to have more control over the droppable area should allow draggable elements