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
Props
Name
datalist
DataListItem[] = nulltag
string = 'div'validation
Orion.DndValidation = nullEvents
Name
Payload type
dropIn
anydragOver
No payloaddragLeave
No payloadreorder
anydropOut
anyupdate:datalist
any[]Slots
Name
Bindings
default
No bindingsPublicInstance
Name
Type
uid
number_el
(() => HTMLElement | undefined) | undefinedProvide
Name
Type
_droppable
publicInstanceOrionDraggable
Props
Name
data
Object = nulldisabled
boolean = falsetag
string = 'div'Events
Name
Payload type
update:disabled
booleanSlots
Name
Bindings
default
No bindings