62.js","6183","static/chunks/d0ee01ad-fb62ded91e524870.js","9249","static/chunks/8bb4d8db-ab34ede6c48bc705.js","4567","static/chunks/4567-f973fdb854b446e5.js","5190","static/chunks/5190-59a5b6fff9e9c852.js","5540","static/chunks/5540-e021861480bc0a7f.js","7401","static/chunks/7401-b492837e4593cb10.js","5587","static/chunks/5587-5ed8641215088c6b.js","4338","static/chunks/4338-7fe47c89d98c679f.js","288","static/chunks/288-0e53e04f12d81d40.js","3067","static/chunks/3067-f708004c1242603e.js","3589","static/chunks/3589-baaa06a0a0040360.js","2704","static/chunks/2704-b28f1c5ecb7f64a8.js","7685","static/chunks/7685-e6632bd89f1e6ada.js","5050","static/chunks/app/%5Blang%5D/(nextra)/docs/%5B%5B...mdxPath%5D%5D/page-5cb8b4a93ac89daa.js"],"ToggleWordWrapButton"] 24:T479, [Home](./api.md) > [@keadex/c4-model-ui-kit](./c4-model-ui-kit.md) > [DiagramListener](./c4-model-ui-kit.diagramlistener.md) ## DiagramListener interface **Signature:** ```typescript export interface DiagramListener ``` ## Properties

Property	Type	Description
[onOpenDiagramClick](./c4-model-ui-kit.diagramlistener.onopendiagramclick.md)	(diagramLink: string) => void
[onOpenExternalLinkClick](./c4-model-ui-kit.diagramlistener.onopenexternallinkclick.md)	(externalLink: string) => void
[onSelectElementCode?](./c4-model-ui-kit.diagramlistener.onselectelementcode.md)	(diagramElement: C4BaseComponentData \\| undefined, elementType: [ElementType](./c4-model-ui-kit.elementtype.md) \\| undefined, diagramElementLevel: number) => void	_(Optional)_