Skip to main content

defaultToolbarButtons

Description​

An array of objects with default configuration parameters for the Toolbar buttons

Usage​

defaultToolbarButtons?: [];

Parameters​

The array includes objects with the next parameters for each button:

  • id - (optional) the id of a button
  • comp - (required) specifies the type of the button item that can be one of the following: button, separator, spacer, label, icon
  • text - the text for a button
  • icon - sets the icon for a button, and the 'css' property applies a CSS class to the item
  • type - the following types of buttons are available: 'default', 'primary', 'secondary', 'danger', 'link'

Default buttons settings​

[
    {
        id: "add-task",
        comp: "button",
        icon: "wxi-plus",
        text: "New task",
        type: "primary",
    },
    {
        id: "edit-task",
        comp: "button",
        icon: "wxi-edit",
    },
    {
        id: "delete-task",
        comp: "button",
        icon: "wxi-delete",
    },
    { comp: "separator" },
    {
        id: "move-task:up",
        comp: "button",
        icon: "wxi-angle-up",
    },
    {
        id: "move-task:down",
        comp: "button",
        icon: "wxi-angle-down",
    },
    { comp: "separator" },
    {
        id: "copy-task",
        comp: "icon",
        icon: "wxi-content-copy",
    },
    {
        id: "cut-task",
        comp: "icon",
        icon: "wxi-content-cut",
    },
    {
        id: "paste-task",
        comp: "icon",
        icon: "wxi-content-paste",
    },
    { comp: "separator" },
    {
        id: "indent-task:add",
        comp: "button",
        icon: "wxi-indent",
    },
    {
        id: "indent-task:remove",
        comp: "button",
        icon: "wxi-unindent",
    },
];