Interactions

Shadow DOM compatible drag-and-drop-position library for document builders.

Intention of this library is to not handle the full drag and drop, but to leave the actual manipulation of the DOM to the consumer, since each consumer have differing markups and rendering techniques.

Demo

Run yarn build and open demo/demo.html or demo/demo-shadowdom.html.

Quick example

Basic DOM structure:

// interactable regions
<div class="interactions-region" data-item-id="${id}">
    <div class="interactions-component" data-item-id="${id}">
    // content
    </div>
</div>

Initialization:

TBD

Configurations

TBD

TODOs

• TODOs is available here.

Resources

• Interactions with LWC
• How to drag-and-drop LWC components?