bpmn-js-examples icon indicating copy to clipboard operation
bpmn-js-examples copied to clipboard

Add example for using properties panel in React (or other) application

Open pinussilvestrus opened this issue 3 years ago • 2 comments

What should we do?

Add an example to showcase how to consume and extend the bpmn-js-properties-panel in a React / Vue / Svelte / whatsoever application.

Consider using our existing example as a starter to build on top.

Also see

  • https://github.com/bpmn-io/react-bpmn/tree/master/example
  • https://github.com/bpmn-io/vue-bpmn/tree/master/example
  • https://github.com/bpmn-io/svelte-bpmn/tree/master/example

Why should we do it?

Integrating the preact properties panel inside my web application can be cumbersome in terms of how to properly configure it. Let's define a standard example that we can share.

We received questions regarding that in our forum

  • https://forum.bpmn.io/t/propertiesprovider-js-definition/7212
  • https://forum.bpmn.io/t/properties-panel-extension-attempted-to-assign-to-readonly-property/7175

pinussilvestrus avatar Feb 15 '22 11:02 pinussilvestrus

Would this include a project that uses vite?

JWTappert avatar Feb 12 '25 19:02 JWTappert

@JWTappert What would vite make special?

nikku avatar Feb 12 '25 20:02 nikku