HOW TO USE

To use the component, simply add its "SortableDragAndDrop" block to your screen and fill in the input parameters:

Widget Id - The ID of the widget whose children will be the draggable elements.

OptionsJSON - The options to use for the component, in JSON format. Example:

{
    ""chosenClass"": ""background-red-light"",
    ""dragClass"": ""background-green-light"",
    ""ghostClass"": ""background-yellow-light"",
    ""animation"": 300
}

The full list of options is available here: https://github.com/SortableJS/Sortable#options.

ONCHANGE EVENT

The block has an event called "OnChange", which is triggered when an element is dragged and dropped by the user. This event has 2 input parameters:

NewIndex - The dragged-and-dropped element's new index.

OldIndex - The dragged-and-dropped element's old index.