Arrow icon
See all demos

UML Class Shape Inspector

How to use the built-in standard.Record shape to create a UML class? How to configure the Inspector plugin to be split into tabs and be able to change attributes and methods of a UML class at a granular level (visibility, name, parameters, return types)? Check out this demo.
Demo instructions
Learn how to create UML class using standard.Record shape & configure Inspector plugin for split tabs and more.
UML class shape inspector

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.