How to use BPMN modeler in a React application

Hi @sathiyamoorthy!

  1. How to create new BPMN diagram by drag and drop bpmn shapes for particular user.

Can you be a bit more specific with this use case? What scenario do you want to describe?

  1. How to get created BPMN flow diagram(JSON/XML format to retrieve) and show the same in another page for that user.

I think what you’re looking for is the saveXML API.

const { xml } = await modeler.saveXML();

You can use the exported XML then wherever you want.