DiagramHost Web Component Test

The qds-diagram-host component displays diagrams using diagrams.net viewer with optional editing capabilities.

Editable Diagram (Azure Platform Architecture)

Click the "Edit Diagram" button to open the editor in a popup window. Changes will be reflected in the viewer below. The Quantum library with custom shapes is available in the left panel.

Read-Only Diagram (Same Content)

This diagram has the same content but cannot be edited. Note there is no "Edit Diagram" button.

Empty Diagram (Editable)

Start with a blank canvas. Click "Edit Diagram" to create something new. The Quantum library is available in the left panel.

With Azure Blob Storage + Azure AD Auth

This diagram loads from and saves to Azure Blob Storage using your Azure AD credentials. Path: qed-prod-diagrams/pf/qvc/stacks/linuxWebApp.drawio. The Quantum library is available in the editor.