bpmn-js-connectors-extension

This module extends bpmn-js with an element templates everywhere modeling experience.

Features

Append template tasks during modeling
Upgrade template task via replace menu
(Optionally) Upgrade template tasks via properties panel
Modern replace and append with search + keyboard support
Documentation links and icons
Visually distinguish template tasks from standard BPMN tasks on the canvas

Resources

Use Extension

Install via npm:

npm install bpmn-js-connectors-extension

Use in your bpmn-js powered editor:

import ConnectorsExtensionModule from 'bpmn-js-connectors-extension';

import 'bpmn-js-connectors-extension/dist/connectors-extension.css';

const modeler = new BpmnModeler({
  additionalModules: [
    ...,
    ConnectorsExtensionModule,
  ],
  moddleExtensions: {
    zeebe: ZeebeModdle
  }
});

The extension relies on elementTemplates to be provided via additional setup, i.e. camunda-bpmn-js.

See example for a full featured demo or check it out in action.

Configuration

Customize this extension via the connectorsExtension config:

Option	Impact
`appendAnything=false`	If `true`, append and create anything modeling experience
`elementTemplateChooser=true`	If `false`, do not integrate with the properties panel element template chooser

@bpmn-io/element-templates-icons-renderer - A renderer for task icons

Run locally

To run the demo application, execute:

npm start