Kanban

A drag-and-drop board of cards.

To do2

Set up CI

infra

Write docs

docs

Due Fri

In progress1

Port components

feature

Done1

Theme tokens

import { BuiKanban } from 'ng-blatui';

<bui-kanban [columns]="columns" (changed)="save($event)" />

API reference

Prop	Type	Default	Description
`columns`	`readonly KanbanColumn[]`	`[]`	Columns and their cards used to seed the board.

Event	Payload	Description
`changed`	`KanbanColumn[]`	Emits the updated board whenever a card is moved.

KanbanCard

Field	Type	Description
`id`	`string`	Unique identifier used to track the card during drag-and-drop.
`title`	`string`	Primary text shown on the card.
`tags`?	`string[]`	Optional labels rendered as chips below the title.
`meta`?	`string`	Optional secondary line of metadata text.

KanbanColumn

Field	Type	Description
`id`	`string`	Unique identifier for the column and its drop list.
`title`	`string`	Heading shown at the top of the column.
`cards`	`KanbanCard[]`	Cards currently in this column, in display order.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.