Example of Dialog Editing in React Kanban Component

/
/
DialogEditing

This sample showcases the CRUD (Create, Read, Update, and Delete) operations of the Kanban component. You can add a new card using the button from the property panel and read, update, or delete a card by opening the card details in dialog by double-clicking it.

More Details...

To Do
- 5 items
In Progress
- 4 items
Testing
- 7 items
Done
- 5 items
Properties
Description

The sample is designed to showcase the CRUD operations of the Kanban board. The Kanban provides the essential methods to handle the CRUD operation from the application-end.

  1. updateCard
  2. addCard
  3. deleteCard

The double click event of the card is used to open the card details in a dialog and read, edit, or delete a card.