Thanks to visit codestin.com
Credit goes to github.com

Skip to content

ochom/react-bpmn

 
 

Repository files navigation

react-bpmn

CI

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:9869/public in your Webbrowser.

Resources

License

MIT

About

Display BPMN 2.0 diagrams in React.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 61.7%
  • JavaScript 38.3%