react-bpmn

Embed BPMN 2.0 diagrams in your React app

Usage no npm install needed!

<script type="module">
  import reactBpmn from 'https://cdn.skypack.dev/react-bpmn';
</script>

README

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

License

MIT