This React TaskBoard component gives developers the ability to create a column-based interface with cards, which the user can drag and drop between columns. A common use case for such a component is to create a Kanban board, like those found in GitHub issue boards or services like Trello. With the KendoReact TaskBoard component, developers can add a similar user experience to their app with just a few lines of code.
The KendoReact TaskBoard supports data editing operations on both columns and cards. This includes creating new columns and cards, editing content or deleting cards and columns altogether. If you prefer that the user isn’t able to change certain elements, you can make them read-only. Additionally, users can reorder the columns themselves using drag & drop.
Items placed on the TaskBoard are rendered in Cards. In addition to card templates, you have a variety of configuration options for Card state and Card menu that will control how they behave. Card states include enabled, disabled and read-only. Card menu commands include select, save, delete, move, edit and add.
Cards on the TaskBoard are grouped into Columns. Various settings help you customize the TaskBoard to your requirements. These include width, templates and commands (buttons). You can create custom commands, but built-in commands for add, edit, delete, save and cancel are available.
The TaskBoard includes a search box to help your users find content in the cards. This is a great UX element that you get out of the box!
Delight your users by taking advantage of the React TaskBoard custom rendering functionality to create a customized look and feel based on the type of data you expect your users to manage in their TaskBoard.