ToolbarActionItemNEW

ToolbarActionItem:

{
  type: "action";
  id: string;
  actionId: string;
}

Action toolbar item - references an action by ID

Use this to add custom actions to the toolbar. The action must be registered via DocAuthEditor.setActions or UIOptions.actions.

Example

import { defaultToolbarConfig } from '@nutrient-sdk/document-authoring';

// First, register a custom action
editor.setActions([
  {
    id: 'custom.insert-signature',
    label: 'Insert Signature',
    handler: () => editor.insertTextAtCursor('\n\nBest regards,\nJohn Doe'),
  },
]);

// Then add it to the toolbar
editor.setToolbarConfig({
  ...defaultToolbarConfig,
  items: [{ type: 'action', id: 'sig-btn', actionId: 'custom.insert-signature' }],
});

See

• Action for defining actions.
• ToolbarConfig for full toolbar configuration.

Properties

type

type: "action"

---

id

id: string

Unique ID for this toolbar item

---

actionId

actionId: string

ID of the action to trigger when this item is clicked