@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Column-based kanban board with drag-and-drop card reordering.

    Cards can be moved within a column (reorder) or across columns (transfer). Columns and cards are provided via a two-way columns model. Project an <ng-template> to customise card rendering.

    <ui-kanban-board [(columns)]="columns">
    <ng-template let-card let-column="column">
    <h4>{{ card.data.title }}</h4>
    <p>{{ card.data.description }}</p>
    </ng-template>
    </ui-kanban-board>

    Type Parameters

    • T = unknown
    Index

    Constructors

    Properties

    ariaLabel: InputSignal<string> = ...

    Accessible label for the board region.

    cardClicked: OutputEmitterRef<KanbanCard<T>> = ...

    Emitted when a card is clicked.

    cardMoved: OutputEmitterRef<KanbanCardMoveEvent<T>> = ...

    Emitted after a card is moved (reorder or transfer).

    cardTemplate: Signal<TemplateRef<KanbanCardContext<T>> | undefined> = ...

    Optional projected template for card rendering.

    columns: ModelSignal<KanbanColumn<T>[]> = ...

    Column data (two-way bindable). Mutated in-place during drag operations.