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 }
    />
  );
}

Resources

• Issues
• Example

License

MIT

Changelog

All notable changes to react-bpmn are documented here. We use semantic versioning for releases.

Unreleased

_Note: Yet to be released changes appear here._

0.2.0

• FEAT: allow open pre-loaded diagram (via diagramXML prop)

0.1.1

• FIX: correct url update handling

0.1.0

Initial Release.