Vue Diagram - toolbox.groups

Lists toolbox groups.

Selector: DxGroup
Type:

Array<Object>

|

Array<Enums.DiagramShapeCategory>

Default Value: undefined

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: Enums.DiagramShapeCategory |

String

displayMode

Specifies how shapes are displayed in the toolbox.

Selector: display-mode
Type: Enums.DiagramToolboxDisplayMode

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<Enums.DiagramShapeType>

|

Array<String>

title

Specifies the group title in the toolbox.

Type:

String