Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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