How to add download,open diagram,zoom in,zoom out button in BPMN.js react JS


I want to add some default button functionality of bpmn.js in react js application. Below mentioned are list of button want to be imported.

  1. Download button to download in file format
  2. File button to import xml as file format to display diagram
  3. Zoom in and zoom out.

Also, Attached screenshot for the list of button to be imported.!


What keeps you away from doing it? bpmn-js provides the underlying functionality for that, but not the buttons you are refer to. You can easily add those buttons yourself and call the required API.

Download: saveXML
Import: importXML
Zoom: zoomScroll

This example also shows how to add such a functionality. Also, the search function of this forum can help to find similar threads.