ToolbarSeparatorItemNEW

ToolbarSeparatorItem:

{
  type: "separator";
  id: string;
}

Visual separator - adds a vertical line between toolbar items

Use separators to visually group related toolbar items.

Example

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

editor.setToolbarConfig({
  ...defaultToolbarConfig,
  items: [
    { type: 'built-in', id: 'undo', builtInType: 'undo' },
    { type: 'built-in', id: 'redo', builtInType: 'redo' },
    { type: 'separator', id: 'sep-1' }, // Separate undo/redo from formatting
    { type: 'built-in', id: 'bold', builtInType: 'bold' },
    { type: 'built-in', id: 'italic', builtInType: 'italic' },
    { type: 'separator', id: 'sep-2' }, // Separate formatting from alignment
    { type: 'built-in', id: 'align-left', builtInType: 'align-left' },
    { type: 'built-in', id: 'align-center', builtInType: 'align-center' },
  ],
});

See

ToolbarConfig for full toolbar configuration.

Properties

type

type: "separator"

---

id

id: string

Unique ID for this separator