Skip to main content

TaskBoard

Kanban-style board — cards organised into columns and swimlanes, with drag-and-drop.

  • Package: @bryntum/taskboard (trial: @bryntum/taskboard-trial)
  • CSS: taskboard.css
  • Class: TaskBoard
  • Wrappers: @bryntum/taskboard-react, @bryntum/taskboard-angular, @bryntum/taskboard-vue-3

Install (trial)​

npm install @bryntum/taskboard@npm:@bryntum/taskboard-trial@7.2.0

What agents should know​

  • Three pieces: tasks (cards), columns (the lanes a card can be in), and an optional swimlanes axis.
  • A card's column is determined by a field on the task matching the column id (default field is status). Make sure seed tasks carry that field, or every card lands in one column.
  • Card content is controlled by headerItems / bodyItems rather than custom HTML — look these up with the MCP server.
Prompt for your agent
Add a Bryntum TaskBoard in React (trial 7.2.0). Columns: todo, doing, done (keyed on `status`). Seed ~9 tasks spread across the columns, each with a name and an assignee shown on the card. `svalbard-light`, fill the viewport. Confirm the task/column/swimlane model with the Bryntum MCP server first.