Editbar API overview

Editbar is a part of the Diagram Editor that contains controls for managing Diagram items (shapes, lines, groups, etc). Use the editbar property of the view configuration object to show, hide and configure the Editbar. There are two ways of initialization you can choose from:

• creating the default Editbar by using the editbar:true setting:

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        editbar: true // displaying the default Editbar
    }
});

• configuring Editbar by specifying it as an object with a set of properties:

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        // configuring Editbar via an object
        editbar: {
            css: "custom_css",
            show: true,
            width: 300,
            controls: {...},
            properties: {...}
        }
    }
});

Check the related API section to explore the available properties of Editbar.