# Kanban board

A kanban board where cards lift, tilt and spring into the slot that opens for them, with swimlanes and live WIP limits.

- ID: `kanban-board`
- Import: `animui/kanban-board`
- Category: block
- Runtime exports: `KanbanBoard`
- Declaration: `types/pro/kanban-board.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: project-board, week-calendar

```tsx
import { KanbanBoard } from 'animui/kanban-board';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info kanban-board` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface KanbanBoardProps {
  columns?: string | number | boolean | ReactNode;
  people?: string | number | boolean | ReactNode;
  cards?: string | number | boolean | ReactNode;
  defaultCards?: string | number | boolean | ReactNode;
  onCardsChange?: () => void;
  defaultGroupBy?: string | number | boolean | ReactNode;
  currentUser?: string | number | boolean | ReactNode;
  title?: string;
  className?: string;
}

export declare const KanbanBoard: ComponentType<KanbanBoardProps>;

export default KanbanBoard;
```