Kanban

A Kanban board is a visual representation of work processes used to manage and optimize workflow.

Props#

Prop	Type	Description
asChild	`boolean`	Render as a different element type.
cancelDrop	`CancelDrop`
children	`string \| number \| bigint \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<...> \| ((props: { ... }) => ReactNode)`
coordinateGetter	`KeyboardCoordinateGetter`
defaultItems	`KanbanItems`
isSortable	`boolean`
items	`KanbanItems`
modifiers	`Modifiers`
onCardDragEnd	`OnCardDragEndHandler`
onChange	`(items: KanbanItems) => void`
onColumnDragEnd	`OnColumnDragEndHandler`
strategy	`SortingStrategy`

Prop	Type	Description
id`required`	`UniqueIdentifier`
asChild	`boolean`	Render as a different element type.
children	`string \| number \| bigint \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<...>`
columns	`number`
isDisabled	`boolean`

Prop	Type	Description
id`required`	`UniqueIdentifier`
asChild	`boolean`	Render as a different element type.
children	`string \| number \| bigint \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| Promise<...>`
isDisabled	`boolean`

KanbanTrash renders a Button component and accepts all Button props.

KanbanTrash renders a Box component and accepts all Box props.

Was this helpful?