TaskBoard - WIP Limits

Use column limits to warn about or block overfilled workflow stages.

#Usage

import { TaskBoard } from '@primeui/vue-taskboard';
<TaskBoard.Root v-model:tasks="tasks" data-key="id" column-field="columnId" :columns="columns" :features="workflowFeatures" @card-drop-blocked="onCardDropBlocked">
    <!-- TaskBoard parts -->
</TaskBoard.Root>

Add wipLimit to columns and keep features.wipLimits enabled when capacity should affect move validation and column state.

#Column Capacity

const columns = [{ id: 'review', label: 'Review', statusType: 'in-progress', wipLimit: 4 }];

TaskBoard evaluates WIP limits only when a card moves into a different column. Reordering inside the same column is allowed. A column is in warning state when it is one card below its limit and exceeded state when it is at or above its limit.

#Blocked Payload

When a move violates capacity, listen to @card-drop-blocked for { task, targetColumn, reason, message, failedFields }.

reason is wip-limit for capacity blocks. The blocked card remains in its source column; update the item array only after a move is accepted.

#Capacity Guard

The WIP-limits sample blocks moves that would overfill a column and shows capacity state in the column UI.

Loading Demo...