RayCraftDocs
v1.0.3 raycraft.dev
On this page

Kanban

Complete

Board with columns. Cards move by dragging or with the arrow buttons; the board raises OnMove and you update your data, so it always reflects your state.

Example

Kanban control

Parameters

ParameterTypeDescription
CardTemplateRenderFragment<TItem>Content of a card. The card is available as context.
ClassstringExtra CSS classes added to the root element.
ColumnOfFunc<TItem, string>Returns the id of the column a card belongs to.
ColumnsIEnumerable<KanbanColumn>The columns: KanbanColumn(id, title).
ItemsIEnumerable<TItem>All cards.
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
StylestringInline style added to the root element.

Events

EventTypeDescription
OnMoveEventCallback<KanbanMove<TItem>>Raised with KanbanMove(item, from, to) when a card is moved.

Package

Kanban is part of RayCraft Complete. Package: RayCraft.Blazor.Complete. It comes from the private RayCraft feed and needs an active license. See Getting started.