New to Kendo UI for Angular? Start a free 30-day trial

DiagramEditorComponent

Component

Represents the Kendo UI Diagram Editor component for Angular.

The Diagram Editor renders floating toolbars that let users edit the shapes, connections, and text of the parent Diagram. Render it inside a <kendo-diagram> component.

Definition

Package:@progress/kendo-angular-diagrams

Selector:kendo-diagram-editor

Syntax:

html

<kendo-diagram>
  <kendo-diagram-editor></kendo-diagram-editor>
</kendo-diagram>

Inputs

fontSizes

FontSizeItem[]

Sets the available font sizes shown in the text toolbar.

fontTypes

FontTypeItem[]

Sets the available font families shown in the text toolbar.

shapes

FlowchartShapeType[]

Sets the available flowchart shape types shown in the shape tools.

toolbars

DiagramEditorToolbarsOptions

Configures the diagram editor toolbars.

Methods

onTextEditorAlignmentChange

Parameters:valuestring