# Tasks Kanban Board

Agile workflow for personal tasks.

- id: `tasks-kanban-board`
- Page: https://agentic-ui-kit.com/components/tasks-kanban-board
- Live preview: https://agentic-ui-kit.com/live/fixture/tasks-kanban-board?piece=tasks-kanban-board

## Install

```bash
agentic-ui add tasks-kanban-board
npx shadcn@4.17.0 add @agentic-ui/tasks-kanban-board
```

## Metadata

- **Level:** block
- **Category:** block
- **Template:** Kestrel Admin Kit
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** column-workflow, card-dragging, status-grouping, wip-indicators
- **Intents:** track-status, manage-collection
- **Suits domains:** personal-productivity, project-management, operations, saas
- **Interaction:** drag-across-columns, add-card-in-column
- **Screen role:** management
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** Agile workflow for personal tasks, Technical support board
- **Avoid when:** Views where the due date prevails over the status
- **Preserve when adapting:** kanban-column-structure, card-preview-layout
- **Replace when adapting:** workflow-stages, card-badges
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.85/10
- **Quality breakdown:** visual 9/10, responsive 8/10, accessibility 8/10, code 9/10
- **Uses primitives:** card, badge, button, scroll-area
- **npm dependencies:** @dnd-kit/core, lucide-react
- **Used in:** Kestrel Admin Kit (template)
- **npm dependencies (registry):** @dnd-kit/core@6.3.1, @dnd-kit/sortable@10.0.0, @dnd-kit/utilities@3.2.2, lucide-react@0.577.0, tunnel-rat@0.1.2
- **Registry dependencies:** asset-admin-kit-avatars-avatar-1-png, asset-admin-kit-avatars-avatar-2-png, lib-admin-kit-utils, ui-admin-kit-card, ui-admin-kit-scroll-area