Skip to content

Tiny Library for interactive tasks, for connecting labels to SVGs and implementing simple Drag & Drop elements

Notifications You must be signed in to change notification settings

mikhail-a-kiselev/DragDropHandles

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DragDropHandles

Tiny Library for interactive tasks, for connecting labels to SVGs and implementing simple Drag & Drop elements

Mobile Friendly!

The library has two functions:

  • makeDraggables() It's a simple Drag & Drop Script

  • makeConnectables() It's a Drag & Drop that works with SVG images as in the screenshot below.

Screens

Handles The user is allowed to hover and drop to the SVG images with the handle.

How-To-Use

https://docs.google.com/document/d/1Cx_bdTMuX3uoVzTRy8GHh1cateSe0UDgCwmhvrV_qzI/edit?usp=sharing

Examples

The files: draggables.html & connectables.html are functional examples of the library and can be seen working here:

https://diogoslepetys.github.io/DragDropHandles/draggables.html

https://diogoslepetys.github.io/DragDropHandles/connectables.html

Thank You

About

Tiny Library for interactive tasks, for connecting labels to SVGs and implementing simple Drag & Drop elements

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 72.9%
  • HTML 15.0%
  • CSS 12.1%