KanbanPRO
Kanban forma parte del apartado «Lab Premium» del kit. Los diferenciadores del tier Pro: Kanban drag & drop, paleta ⌘K, dropzone y tarjetas 3D.
Instalación#
bash
pnpm add @tsukira/uiUso#
tsx
import { Kanban } from "@tsukira/ui"; export function Ejemplo() { return <Kanban />;}Ejemplos#
Los ejemplos detallados de Kanban están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en Lab PremiumAPI#
KanbanPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
columns* | KanbanColumn[] | — | Columnas con sus tarjetas (controlado si se pasa `onChange`). |
onChange | ((columns: KanbanColumn[]) => void) | — | Se emite tras cada arrastre con el nuevo estado completo. |
renderCard | ((card: KanbanCard) => ReactNode) | — | Render personalizado de tarjeta (reemplaza el contenido interno). |
maxColumnHeight | number | — | Alto máximo de cada columna con scroll interno (px). |