The draggables component is used to make any specified element or collection of elements draggable, so that they can be 'picked up' and moved around the page by a visitor. Draggability is a great effect, and is a feature that can be used in numerous ways to improve the interface of our web pages.
Let's look at the default implementation by first making a simple
<div> element draggable. We won't do any additional configuration. Therefore, all this code will allow you to do is 'pick up' the element with the mouse pointer and drag it around the viewport.
In a new file in your text editor, add the following code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <link rel...