Docs
Kanban Board Card
Kanban Board Card
Displays a drag and drop Kanban Board or RoadMap Card with dnd-kit and shadcn-ui.
Installation
Install the following dependencies:
npm install @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities @radix-ui/react-slotInstall the shadcn/ui dependencies:
You need to install shadcn components, like this:
npx shadcn@latest add badge buttonCopy and paste the cn util code into your project.
import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}