Example: Svelte 5, DragNdrop actions component (svelte 5, type script, generic, animation, long-press, readme, etc ...)

[Dalidos]

Here an example of a drag and drop component with this following options;

• wiggle animation on dragging
• long press condition to dragging
• make multiple dnd group
• set a maximum number of item in a dnd container
• compatible with android (Ios not tested yet)
• don't worry about ids
• and more ...

https://svelte.dev/playground/ca3403dfa9134b7983ab13558d79d777?version=5.20.5

Compatible with svelte 5 only

Hope that help you :)

[isaacHagoel]

pretty cool :)

…

On Mon, Mar 3, 2025 at 8:17 PM Dalidos ***@***.***> wrote: Here an example of a drag and drop component with this following options; - wiggle animation on dragging - long press condition to dragging - make multiple dnd group - set a maximum number of item in a dnd container - compatible with android (Ios not tested yet) - don't worry about ids - and more ... https://svelte.dev/playground/ca3403dfa9134b7983ab13558d79d777?version=5.20.5 Compatible with svelte 5 only Hope that help you :) — Reply to this email directly, view it on GitHub <#633>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AE4OZC3WIO3L6IU5O3ZUSFD2SQM2VAVCNFSM6AAAAABYGQEYWOVHI2DSMVQWIX3LMV43ASLTON2WKOZSHA4TANRSG4ZDKMQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***> [image: Dalidos]*Dalidos* created an issue (isaacHagoel/svelte-dnd-action#633) <#633> Here an example of a drag and drop component with this following options; - wiggle animation on dragging - long press condition to dragging - make multiple dnd group - set a maximum number of item in a dnd container - compatible with android (Ios not tested yet) - don't worry about ids - and more ... https://svelte.dev/playground/ca3403dfa9134b7983ab13558d79d777?version=5.20.5 Compatible with svelte 5 only Hope that help you :) — Reply to this email directly, view it on GitHub <#633>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AE4OZC3WIO3L6IU5O3ZUSFD2SQM2VAVCNFSM6AAAAABYGQEYWOVHI2DSMVQWIX3LMV43ASLTON2WKOZSHA4TANRSG4ZDKMQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[dr-starchildren]

This is really cool. Would there be a way to add it so that when you click an item it swaps between two lists instead of having to drag between the two?

[Dalidos]

@dr-starchildren The principle of drag n drop is to slide, right? :D Have with the author of the repository. I only used his package.
Maybe I can suggest you to add a 3rd list between your lists, and with a click event it automatically falls into the middle list.