KanbanBoard
shell칸반 보드. HTML5 DnD로 카드를 컬럼 간 드래그&드롭.
컴포넌트 의존 관계
깊이
100%
To Do
2Setup CI
Alice
Write tests
Bob
In Progress
1Build UI
Charlie
Done
0테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
KanbanBoard 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
KanbanBoard Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
columns* | KanbanColumn<T>[] | — | 컬럼 목록 (각 컬럼에 items 배열) |
onDragEnd* | (itemId, fromCol, toCol, toIndex) => void | — | 드래그 완료 콜백 |
renderCard* | (item: T) => ReactNode | — | 카드 렌더링 함수 |
keyExtractor* | (item: T) => string | — | 항목 키 추출기 |
className | string | — | 커스텀 CSS 클래스 |
Import
tsx
import { KanbanBoard } from "@reopt-ai/opt-ui";