react-bpmn

Use bpmn-js to display BPMN 2.0 diagrams in a React application.

Usage

import ReactBpmn from 'react-bpmn';


function App(props) {

  function onShown() {
    console.log('diagram shown');
  }

  function onLoading() {
    console.log('diagram loading');
  }

  function onError(err) {
    console.log('failed to show diagram');
  }

  return (
    <ReactBpmn
      url="/public/diagram.bpmn"
      onShown={ onShown }
      onLoading={ onLoading }
      onError={ onError }
    />
  );
}

Development

To get the development setup make sure to have NodeJS installed. As soon as you are set up, clone the project and execute

npm install
npm run all

Example

To run the example, execute npm run start and open http://localhost:5000/public in your Webbrowser.

Resources

Issues
Example

License