New Demo: Connecting nodes by dragging and dropping #2275
Replies: 1 comment 1 reply
-
|
can i got this example in react as its in HTML and JS. |
Beta Was this translation helpful? Give feedback.
-
|
This example is written is JavaScript only, so we don't have a React version. It's possible to integrate JointJS with React, so you could definitely adapt this example to work in your React application. In the JointJS+ trial package, you can find React versions of our Kitchen Sink and Chatbot applications. https://www.jointjs.com/demos/kitchen-sink-app We also provide our Diagram Index and Tabs demos in React. The source code can be found on github in the links below. https://www.jointjs.com/demos/diagram-index https://www.jointjs.com/demos/tabs |
Beta Was this translation helpful? Give feedback.
-
How to create a new connection when the user drags an element over another element? How to automatically place a new element next to the destination element and let the user choose which direction it should be placed.
What if a user drags an element over a link? The new link can be split into two and the element inserted between them.
All of this can be visually aided by SVG previews to help the user understand what effect each drop action will have. See for yourself in today's demo.
Beta Was this translation helpful? Give feedback.
All reactions