Kanban
A drag-and-drop kanban board for visualizing workflow stages. Organize cards into columns representing different states like To Do, In Progress, and Done.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Kanban />
When to Use
- Task boards for project management with drag-and-drop between columns
- Workflow visualization with stages like To Do, In Progress, and Done
- Issue trackers and sprint boards for agile development teams
- Pipeline management for sales, recruitment, or content workflows
To Do3
Design
Design new landing page
Create wireframes and mockups.
Docs
Write API documentation
DevOps
Set up CI/CD pipeline
In Progress2
FrontendHigh
Build authentication flow
Login, register, reset.
Backend
Optimize database queries
Done2
Done
Project setup
Research
User research
Sprint 4
5
UI
Task A
API
Task B
API Reference
Kanban
KanbanColumn
KanbanCard
KanbanLabel
| Property | Type | Description |
|---|---|---|
| Text | string | Label display text. |
| Color | string | Color key: "primary", "destructive", "warning", "success", "secondary". |
Related Components
- SortableList — Reorderable list for single-column drag-and-drop
- Card — Card container used as the visual basis for kanban items
- Badge — Labels and status indicators for kanban cards