React Diagram - toolbox.groups

Lists toolbox groups.

Selector: Group
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'

displayMode

Specifies how shapes are displayed in the toolbox.

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: Shape
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