All docs
V20.1
20.1
19.2
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
17.1
The page you are viewing does not exist in version 17.1. This link will take you to the root page.
16.2
The page you are viewing does not exist in version 16.2. This link will take you to the root page.
Vue

toolbox

Configures the toolbox settings.

Type:

Object

Default Value: {}

View Demo

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

Diagram toolbox

groups

Lists toolbox groups.

Type: Array<Object> |

Array<String>

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

View Demo

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

visibility

Specifies the toolbar's visibility.

Type:

String

Default Value: 'auto'
Accepted Values: 'auto' | 'visible' | 'collapsed' | 'disabled'

Use the DiagramPanelVisibility enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Auto, Visible, Collapsed, Disabled.