Package Exports
- @bpmn-io/diagram-js-ui
- @bpmn-io/diagram-js-ui/package.json
Readme
diagram-js-ui
A wrapper around htm/preact that exposes components for building reactive HTML widgets in the context of diagram-js and extensions.
Usage
This module is available through diagram-js/lib/ui. Use it to create and mount your Preact components and render them through the htm utility.
// MyService.js
import { render, html } from 'diagram-js/lib/ui';
import MyCounter from './MyCounter';
export default function MyService() {
const parentElement = document.createElement('div');
render(html`<${MyCounter} />`, parentElement);
}// MyCounter.js
import { useState, html } from 'diagram-js/lib/ui';
export default function MyCounter(props) {
const counter = useState(0);
return html`
<div>Counter: ${counter}</div>
`;
}Build and Run
# install all dependencies
npm install
# lint and build the library
npm run allLicense
MIT