Examples of Sequential Workflow Editor
This page contains examples of the Sequential Workflow Editor component. The Sequential Workflow Editor allows you to create easily editors for steps in your workflow editor by defining the structure of the step, instead of implementing editors manually. The component supports strict validation. In the examples below, you can see how to use the component in different scenarios.
Sequential Workflow Editor
| Online Example | Source Code |
| 🛠 Playground This demo lets you design and test a workflow in the browser. | HTML, TS |
| 📖 Editors All editors supported by Sequential Workflow Editor. | HTML, TS |
| 🎯 Placement Restrictions How to restrict step placement. | HTML, TS |
| 🚩 Internationalization Internationalization in Sequential Workflow Editor. | HTML, TS |
| 🚢 Vanilla JS Sequential Workflow Editor implemented in vanilla JavaScript. | App |
Sequential Workflow Editor Pro
| Online Example | Source Code |
| 📖 Pro Editors This demo showcases all editors supported by Sequential Workflow Editor Pro. | Available in Pro |
| 📫 Template System How to create a simple template system using Sequential Workflow Editor Pro. | Available in Pro |
| 🎱 Dynamic Variables This demo shows how to create dynamic variables based on the selected dropdown choice. | Available in Pro |
The source code for all of these examples can be found in the repository you will have access to once you have purchased the Pro version. Check the pricing of the Pro.