Resize Handle

Description

This example shows how to make nodes resizable by adding a dedicated resize handle. Resizable nodes are useful when a node needs to reveal more content, adapt to user-defined layout, or behave more like a canvas object than a fixed card.

That interaction matters in editors where nodes can represent notes, groups, configurable panels, or content blocks with variable density. Fixed dimensions are fine for simple demos, but real graph products often need nodes that can grow with the task.

The value here is not only visual flexibility. Resizing changes how users organize information on the canvas.

Example

When to use it

• Let users expand nodes to fit richer content.
• Support note-like, panel-like, or group-like nodes.
• Give graph layouts more flexibility without rebuilding node types.

This is a practical example for building editors that feel closer to real design or workflow tools.

Related docs

• Resize Handle Directive
• Node Directive
• Rotate Handle Example
• Magnetic Rects Example