Note: This example exists for educational purposes only.
Consider using our built-in color support to display colors saved in your BPMN 2.0 diagrams.
bpmn-js in color
This example show cases how to extend bpmn-js with colors based on the BPMN in Color proposal.
Features
- Recognize and display BPMN in Color meta-data
- Change color of elements via context pad
Use Extension
Fetch bpmn-js-in-color
as a dependency:
npm install bpmn-io/bpmn-js-in-color --save
Extend your BPMN modeler with colors:
var BpmnModeler = ; var modeler = additionalModules: ;
Add diagram-js, bpmn-font and color picker stylesheets:
Build Demo
To run the live demo in the ./example
directory (as shown in the screenshot above) execute:
npm run dev