css

Description

Optional. Allows applying custom CSS classes to adjust the shapebar appearance

Usage

css?: string;

Example

<script>
    const editor = new dhx.DiagramEditor("editor_container", {
        type: "default",
        view: {
            // shapebar: true, // displays default Shapebar
            // or configure Shapebar via object
            shapebar: {
                css: "custom_style"
            }
        }
    });
</script>

<style>
    .custom_style {
        background-color: var(--dhx-background-primary);
        font-size: var(--dhx-font-size-large);
    }
</style>

Related articles:

• Shapebar and shapes appearance
• Configuring the look of shapes in Shapebar

Change log: Added in v6.0