react-kanban-kit
Version:
A flexible and customizable Kanban board component for React applications, built with TypeScript and modern drag-and-drop functionality powered by Atlassian's pragmatic-drag-and-drop.
26 lines (24 loc) • 1.23 kB
TypeScript
import { default as React } from 'react';
import { BoardItem, BoardProps, ConfigMap, DndState, ScrollEvent } from '../types';
interface Props {
items: BoardItem[];
column: BoardItem;
columnListContentStyle?: (column: BoardItem) => React.CSSProperties;
columnListContentClassName?: string;
configMap: ConfigMap;
renderSkeletonCard?: BoardProps["renderSkeletonCard"];
cardWrapperStyle?: (card: BoardItem, column: BoardItem) => React.CSSProperties;
cardWrapperClassName?: string;
onScroll?: (e: ScrollEvent, column: BoardItem) => void;
onCardClick?: (e: React.MouseEvent<HTMLDivElement>, card: BoardItem) => void;
loadMore?: (columnId: string) => void;
cardOverShadowCount?: number;
cardOverHeight?: number;
onCardDndStateChange?: (info: DndState) => void;
renderCardDragIndicator?: (card: BoardItem, info: any) => React.ReactNode;
renderCardDragPreview?: (card: BoardItem, info: any) => React.ReactNode;
renderListFooter?: (column: BoardItem) => React.ReactNode;
renderGap?: (column: BoardItem) => React.ReactNode;
}
declare const ColumnContent: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
export default ColumnContent;