Interactive Node Linking & Creation
Svelvet allows users to enable
interactive node linking and creation in their diagrams. Initially, node
linking and creation is
by default. To access these features, add the
prop to your
application. These do not have to be set equal to anything and can just be passed
in. Adding these props will enable interactive node linking and creation. NOTE:
To have full access to the node creation feature, node linking feature must also
be passed down as a prop. Node
red and the
will change to a
indicate that node linking or creation is
enabled. If the user wishes to
not create a node after clicking on the
anchor simply go back to that anchor
and release the mouse click.
PS: you can also link edges!
Implementing Node Linking & Creation
Click here for a sandbox, or test it out below!