React Diagram - DiagramCustomCommand

An object that provides information about a custom command in the Diagram UI component.

import { DiagramTypes } from "devextreme-react/diagram"

icon

Specifies the custom command's icon.

Type:

This property accepts one of the following:

The icon's URL
The icon's name if the icon is from the DevExtreme icon library
The icon's CSS class if the icon is from an external icon library (see External Icon Libraries)
The icon in the Base64 format
The icon in the SVG format. Ensure that the source is reliable.

Lists command sub items.

Selector: Item

Type:

Array<dxDiagramCustomCommand>

Specifies a location for the command or separator on the main toolbar.

Type:

Default Value: 'before'

NOTE

This property does not allow you to set the location of the command or separator in the context menu, and history and view toolbars.

Refer to the following section for more information: Specify a Command's Location on the Main Toolbar.

Specifies the custom command's identifier.

Type:

| Enums.DiagramCommand

Use this name to identify the clicked custom command in the onCustomCommand function.

Specifies the custom command's text and tooltip text.

Type:

Was this topic helpful?

Thank you!

Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Thank you for the feedback!