Arrow icon
See all demos

Optional Ports

Do you want to easily activate or deactivate ports from a list of available ports? Check out the demo below that shows how to do that using JointJS.
Demo instructions
Activate or deactivate the optional ports in the left panel and watch them appear or disappear in the element.
Optional Ports

See the Pen JointJS: Optional Ports by JointJS (@jointjs) on CodePen.

Made with JointJS+

Only available with the JointJS+ commercial license in the apps/ directory of your package. Don't have a license yet? Start a trial and use the source code of all our demos for free, with no strings attached, for 30 days.

Made with JointJS

Available in the JointJS open-source library which helps developers create simple visual applications in less time.

Speed up your development with a powerful library

Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.