Interactive Node Linking & Creation
Svelvet
allows users to enable
interactive node linking and creation in their diagrams. Initially, node
linking and creation is
not enabled
by default. To access these features, add the
nodeCreate
prop to your Svelvet
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
anchors
will turn red
and the
cursor
will change to a crosshair
to
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!