KanbanColumn
Data Display

KanbanColumn

Group cards in a KanbanBoard lane with a title, count, and footer.

KanbanColumn groups cards in a lane with a title, count, optional metadata, and footer.

Import

TSX
import { KanbanColumn } from "@solarius/onset";

Props

KanbanColumnProps props
PropTypeDefaultDescription
titleReactNode—Column heading. Rendered uppercase and dim.
countnumber—Count beside the title. Supplied by the application rather than derived from children.
metaReactNode—Right-aligned header content. Pointer presses in this area do not start dragging.
onDropCard(cardId: string, index: number) => void—Called with the card ID and insertion index. When omitted, the column does not accept drops.
footerReactNode—Footer content below the card list.

Example

KanbanColumn