Rotate Handle

Description

This example shows how to rotate nodes with a dedicated handle. Rotation is useful when node orientation carries meaning or when users need more freedom arranging the canvas than a rigid top-to-bottom layout allows.

It can be helpful in design-like interfaces, architecture diagrams, and specialized editors where arrows, assets, or blocks should face a certain direction. Even when used sparingly, rotation makes the canvas feel more flexible and more tool-like.

The important part is keeping the interaction understandable. A rotate handle gives users a clear affordance instead of hiding orientation changes behind generic drag logic.

Example

What this solves

• Add explicit orientation control for selected node types.
• Support richer diagram composition and layout experimentation.
• Keep rotation behavior separate from move and resize interactions.

Use this when your editor needs spatial freedom beyond standard flowchart positioning.

Related docs

• Rotate Handle Directive
• Node Directive
• Resize Handle Example
• Drag Handle Example