KanbanCard
Data Display

KanbanCard

Place draggable card content inside a KanbanColumn lane.

KanbanCard wraps draggable content inside a KanbanColumn. Supply a stable cardId to identify the card in drop events.

Import

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

Props

KanbanCardProps props
PropTypeDefaultDescription
cardIdstring—Card ID passed to onDropCard. Omit to disable dragging.
childrenReactNode—Card content. Nothing is imposed: a line of text, a Tag row, an avatar and a due date.

Example

KanbanCard