📄️ Introduction
Sequential workflow designer with 0 external dependencies for web. It's written in TypeScript and uses the SVG format for rendering. This designer is not associated with any workflow engine. It's full generic. You may create any kind application by this:
📄️ Initialize with JS or TS
The designer is written in TypeScript but you may use it for vanilla JavaScript applications as well.
📄️ Initialize with Angular
The designer is written in TypeScript with no dependencies, but to increase a developer experience we prepared a dedicated package for Angular. The package wraps a native component and provides a Angular style syntax.
📄️ Initialize with React
The designer is written in TypeScript with no dependencies, but to increase a developer experience we prepared a dedicated package for React. The package wraps a native component and provides a React style syntax.
📄️ Initialize with Svelte
The designer is written in TypeScript with no dependencies, but to increase a developer experience we prepared a dedicated package for Svelte. The package wraps a native component and provides a Svelte style syntax.
📄️ Initialize Pro
If you read this page, you probably bought the pro version of the designer. Thank you for your support! This article will help you to initialize the pro version of the designer.
📄️ Sharing Types
This article is dedicated for projects which use TypeScript for the frontend and the backend.
📄️ Editors
The Sequential Workflow Designer requires editors for each step type to enable editing of step properties. You must implement an editor for every step type you wish to use in your workflow. Additionally, the designer expects a special editor called the "root editor", which is used to edit the workflow definition itself. This editor is visible when no step is selected.
📄️ Events
The Sequential Workflow Designer provides a number of events that can be used to handle various workflow designer actions.
📄️ Tree Traversal
Your workflow is represented as a tree structure according to the specific definition. There can be multiple motivations for navigating through this tree. It is important to be aware that performing this operation requires a significant amount of processing power, so it is advisable to undertake it only when absolutely necessary. Additionally, it is recommended to utilize a cache to store the outcomes of the traversal.
🗃️ Features
25 items
🗃️ Step Components
8 items