Component

A component that is used to add components into Box. Only components that are embedded into DOM can be wrapped (toast, modal dialog, etc. cannot be wrapped).

Interface: Component.

Name	Description	Type	Example
contextName	The context name that updates the component via React context.	string	"acceptButton"

import {Actions, ButtonGroup, ButtonSize, Components, IButton, IMessage, ToastType} from "@onlyoffice/docspace-plugin-sdk";

const onClick = () => {
    const message: IMessage = {
        "actions": [Actions.showToast, Actions.updateProps],
        "toastProps": [{"title": "Data is saved", "type": ToastType.success}],
        "newProps": {...adminButtonProps, isDisabled: true},
    };

    return message;
};

export const adminButtonProps: IButton = {
    onClick,
    "size": ButtonSize.normal,
    "label": "Save",
    "scale": false,
    "primary": true,
    "isDisabled": true,
};

const buttonComponent: ButtonGroup = {
    "component": Components.button,
    "props": buttonProps,
    "contextName": "acceptButton",
};