Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nikku/bpmn-js-extension-demo
A demo application built around the bpmn-js modeler.
https://github.com/nikku/bpmn-js-extension-demo
application bpmn-js demo properties-panel react
Last synced: 20 days ago
JSON representation
A demo application built around the bpmn-js modeler.
- Host: GitHub
- URL: https://github.com/nikku/bpmn-js-extension-demo
- Owner: nikku
- License: mit
- Created: 2019-02-28T13:40:33.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-03-01T09:21:56.000Z (over 5 years ago)
- Last Synced: 2024-10-09T11:42:38.737Z (about 1 month ago)
- Topics: application, bpmn-js, demo, properties-panel, react
- Language: JavaScript
- Homepage:
- Size: 162 KB
- Stars: 4
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Extension Demo
This project demonstrates how to embed [bpmn-js](https://github.com/bpmn-io/bpmn-js) into an application and customize it in a domain specific manner.
![Demo Screenshot](./docs/screenshot.png)
## Features
Specifically, we feature
* [Reducing the palette](./src/modeler/features/reduced-palette)
* [Reducing the context pad](./src/modeler/features/reduced-context-pad)
* [Adding a custom properties panel](./src/properties-panel), built with [React](https://reactjs.org/)Within the properties panel, we feature
* Displaying and editing BPMN element properties
* Displaying and editing of [custom extensions](./src/modeler/moddle/custom.json)
* Implementing diagram actions such as changing an elements type## Run the Demo
```sh
npm install
npm start
```## License
MIT