Content v1.0.0

Kanban Board

A drag-and-drop kanban board for project management and task tracking. Supports multiple columns with color-coded headers, draggable cards with labels, assignees, and due dates. Features cross-column drag and drop, WIP limit enforcement, card count badges, and collapsible columns.

Preview & Code

Options

Name Type Default Description
columns * Array required Array of column hashes: {id:, title:, color: 'slate', cards: [{id:, title:, description: nil, assignee: nil, labels: [], due_date: nil}]}
cards_per_column Integer nil WIP limit per column. nil means unlimited
collapsible Boolean false Whether columns can be collapsed/expanded
class String "" Additional CSS classes for the board container

Changelog v1.0.0

- v1.0.0: Initial release
- Cross-column drag and drop via HTML Drag & Drop API
- WIP limit enforcement with visual warning
- Card count badges per column
- Collapsible columns
- Color-coded column headers
- Card labels, assignees, and due dates
- Dispatches kanban:move and kanban:card-click events

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now