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
License
MIT