Drag and drop between the chips - javascript

Please find the below sample
6acx1t (forked) - StackBlitz

Here I have two JavaScript chip controls. I need to drag the item from one chip to another chip. Please help!


2 Replies

LD LeoLavanya Dhanaraj Syncfusion Team June 8, 2022 05:06 PM UTC

Hi Durai,


Greetings from Syncfusion support.


Currently, we don’t have direct support for Drag and Drop actions in Chip component. But we need some additional time to analyze on the feasibility to achieve this. We will get back to you with further details on June 13, 2022.


Regards,

Leo Lavanya Dhanaraj




LD LeoLavanya Dhanaraj Syncfusion Team June 10, 2022 04:33 PM UTC

Hi Durai,


Currently, we don’t have direct support to perform drag and drop in the Chip component. However, we have prepared a sample to meet your requirements by using basic Draggable and Droppable modules. You can make elements dragged using mouse or touch gestures and mark the required element as a droppable zone. Please check the below sample for reference.


Sample : https://stackblitz.com/edit/wkc7th-bwaxny?file=index.html,index.ts


To know more about Drag and Drop module, refer the below documentation link.


Documentation :  https://ej2.syncfusion.com/documentation/common/drag-and-drop/


Kindly check and let us know whether the provided sample meet your requirement. Please get back to us if you need any further assistance.


Regards,

Leo Lavanya Dhanaraj


Loader.
Up arrow icon