Back to Components
Display
Kanban Board
Draggable kanban board with columns and cards powered by DnD Kit.
Backlog
2Audit analytics
Validate tracking coverage
InsightsRefresh onboarding
Align steps with new flow
ProductIn progress
1Design usage report
Build flexible data views
DesignReview
1QA billing checks
Verify invoices
OpsDone
1Launch summary
Share outcome with team
CommsDependencies
- @dnd-kit/core
- @dnd-kit/sortable
- @dnd-kit/utilities
- clsx
- tailwind-merge
Files
- components/ui/kanban-board.tsx
Installation
Using shadcn CLI
npx shadcn add kanban-board --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities clsx tailwind-merge