Skip to main content
NeuralUIv1.15.2New
Component

Kanban Board

Sales, ops and commerce-ready kanban with drag-and-drop cards, assignees, tags, WIP awareness and responsive board columns.

TypeScript
import { NeuKanbanComponent } from '@neural-ui/core/kanban';
import type { NeuKanbanColumn } from '@neural-ui/core/kanban';

To move a card with the keyboard, focus it and press Space or Enter. Use arrow keys, Home, or End to choose a destination; press Space or Enter to confirm, or Escape to cancel. Move buttons provide a click alternative to dragging.

Backlog

2 2/4

In progress

1 1/3

Review

1 1/2

Done

1
HTML
<neu-kanban
  [columns]="columns()"
  columnWidth="320px"
  [showCounts]="true"
  [showWipLimit]="true"
  (columnsChange)="columns.set($event)"
  (cardDrop)="onCardDrop($event)"
/>