Vue Diagram - toolbox

Configures the toolbox settings.

Selector: DxToolbox
Type:

Object

Default Value: {}

View Demo

The toolbox contains groups of shapes. Use this property to access the toolbox settings.

Diagram toolbox

groups

Lists toolbox groups.

Selector: DxGroup
Type:

Array<Object>

|

Array<ShapeCategory>

Default Value: undefined

View Demo

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

shapeIconsPerRow

Specifies the number of shape icons in a row.

Selector: shape-icons-per-row
Type:

Number

Default Value: 3

showSearch

Specifies whether the search box is visible.

Selector: show-search
Type:

Boolean

Default Value: true

visibility

Specifies the toolbar's visibility.

Type:

PanelVisibility

Default Value: 'auto'
Value Description
auto The toolbox is disabled when the diagram is read-only.
visible The toolbox is initially visible.
collapsed The toolbox is collapsed initially.
disabled The toolbox is disabled. An element that can invoke the toolbox is hidden.

width

Specifies the toolbox's width in pixels.

Type:

Number

| undefined
Default Value: undefined