About this sample

This sample page shows how to use the HTML5 Drag and Drop API with JsDiagram. Drag a text from the list on the left and drop it on a container. To enable drag from the diagram canvas to the panel on the left, click the 'Toggle drag mode' checkbox in the top left.

Drag items from the list below

Drag me!

Drag me, too!

Don't forget about me!

Drop nodes here.

This page requires a browser that supports HTML 5 Canvas element.