Vue Diagram - toolbox.groups

Lists toolbox groups.

Selector: DxGroup
Type:

Array<Object>

|

Array<String>

Default Value: undefined
Accepted Values: 'general' | 'flowchart' | 'orgChart' | 'containers' | 'custom'

View Demo

Use the groups property to customize the toolbox's content. You can populate it with default or custom groups.

category

Specifies the category of shapes that are displayed in the group.

Type:

String

Accepted Values: 'general' | 'flowchart' | 'orgChart' | 'containers' | 'custom'

View Demo

displayMode

Specifies how shapes are displayed in the toolbox.

Selector: display-mode
Type:

String

Accepted Values: 'icons' | 'texts'

expanded

Specifies whether the group is expanded.

Type:

Boolean

shapes

Lists the shapes in the group. The built-in shape types are shown in the Shape Types section.

Selector: DxShape
Type:

Array<String>

|

Array<String>

Accepted Values: 'text' | 'rectangle' | 'ellipse' | 'cross' | 'triangle' | 'diamond' | 'heart' | 'pentagon' | 'hexagon' | 'octagon' | 'star' | 'arrowLeft' | 'arrowTop' | 'arrowRight' | 'arrowBottom' | 'arrowNorthSouth' | 'arrowEastWest' | 'process' | 'decision' | 'terminator' | 'predefinedProcess' | 'document' | 'multipleDocuments' | 'manualInput' | 'preparation' | 'data' | 'database' | 'hardDisk' | 'internalStorage' | 'paperTape' | 'manualOperation' | 'delay' | 'storedData' | 'display' | 'merge' | 'connector' | 'or' | 'summingJunction' | 'verticalContainer' | 'horizontalContainer' | 'cardWithImageOnLeft' | 'cardWithImageOnTop' | 'cardWithImageOnRight'

title

Specifies the group title in the toolbox.

Type:

String