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