Orion Drag'n Drop

The drag'n drop feature is a combination of two components.

<o-droppable> is used to create the drop zone.

It must be combined with the <o-draggable> component, which will be an item of this component and can be dropped in different <o-droppable> areas.

Take a look at the example's source code below to get a better idea of the mecanism.

DragNDropPlayground DroppableValidation

OrionDroppable

VModels

Name
datalistUndef<DataListItem[]> = undefined

Props

Name
tagstring = 'div'
validationOrion.DndValidation = undefined

Slots

Name
Bindings
default
No bindings

PublicInstance

Name
Type
uid
number
_el
() => HTMLElement | undefined

Provide

Name
Type
_droppable
publicInstance

OrionDraggable

VModels

Name
disabledboolean = false

Props

Name
dataOrion.DndData = undefined
tagstring = 'div'

Slots

Name
Bindings
default
No bindings