Example of Workflow in React Kanban Component

/
/
Workflow

This example demonstrates the workflow functionalities that defines the flow of transition between the columns. You can drag and drop the cards between Kanban columns to see the workflow restriction.

More Details...

Loading....
Description

In this sample, you can drag the cards from the `Order` column and drop them into `Ready to Serve` and `Home Delivery` columns. Also, you couldn’t drag the cards from the `Delivered` column and drop the cards in the `Order` column. The action is controlled using the below properties.

  • The transitionColumns property is used to allow the card transition to specified columns.
  • The allowDrag property is used to enable/disable the drag action of columns.
  • The allowDrop property is used to enable/disable the drop action of columns.