how to add a button in the toolbar for all components

[aliibrahim123]

is there a way to add a button to the toolbar of all components

[nguyenvoanhkhoa1]

This should work:

editor.on("component:selected", (component: Component) => {
  if (component.attributes.type === "wrapper") return; //avoid new toolbar button for wrapper component
  const newTool = {
    id: "save-component",
    label: `${YOUR_SVG_LABEL}`,
    title: "Title",
    command: () => editor?.runCommand(YOUR_COMMAND),
  };

  const defaultToolbar = component.get("toolbar") as ToolbarButtonProps[];
  const checkAlreadyExist = defaultToolbar.find((toolbar: ToolbarButtonProps) => toolbar.id === newTool.id);
  if (!checkAlreadyExist) {
    defaultToolbar.push({
      id: newTool.id,
      label: newTool.label,
      command: newTool.command,
    });
    component.set("toolbar", defaultToolbar);
  }
});