Example of Workflow in React Kanban

All Controls
/
Kanban
/
Workflow

This sample demonstrates workflow customization in the Kanban component, enabling controlled card transitions between workflow stages based on predefined business rules.

More Details...

Loading....
Description

In this sample, you can drag a card from the Order column and drop it into the Ready to Serve or Home Delivery columns. You cannot, however, drag a card from the Delivered column, and you cannot drop a card into the Order column. These restrictions are controlled using the following properties:

  • The transitionColumns property is used to allow card transitions only to the specified columns.
  • The allowDrag property is used to enable or disable the drag action of a column.
  • The allowDrop property is used to enable or disable the drop action of a column.

More information on the Essential® JS2 Kanban board can be found in this transition columns documentation section.

Looking for the full React Kanban component overview, features, pricing and documentation? Visit the React Kanban page.