Kanban
Feature-rich kanban board with drag & drop, card details modal, column management, WIP limits, export functionality, and keyboard shortcuts
Pro features
What the Pro version adds to this component.
Drag & Drop
Smooth drag and drop with position tracking and validation
Assignment System
Assign cards to team members with avatar display
Priority Management
Visual priority indicators with color coding
WIP Limits
Work-in-progress limits with visual warnings
Due Dates
Date tracking with overdue indicators
Labels & Tags
Organize cards with colored labels and tags
Progress Tracking
Progress bars and checklist completion
Advanced Filtering
Filter by assignee, label, priority, and dates
Card Details Modal
Detailed card view with comments and attachments
Export Functionality
Export board data to JSON or CSV formats
Keyboard Shortcuts
Power user shortcuts for efficient navigation
Customization
Custom card rendering and theme options
Installation
Install via CLI
npx @moontra/moonui-cli add kanbanUsage
To Do
In Progress
Done
Examples
Basic Kanban Board
Simple kanban board with drag & drop functionality and card details
Project Management Board
Complete project management setup with multiple workflow stages and detailed cards
Custom Card Rendering
Kanban board with completely custom card design and additional fields
Filtering, Export & Card Actions
Quick filters with a default selection, a custom export handler, the elevated card variant, and the duplicate / archive / copy-link card actions
Card Validation, Veto & Column Colors
Reject a card before it's created (validateCard), transform or veto one that passed validation (onBeforeCardAdd), and restrict the column color picker's palette (columnColorOptions)