Kanban Board

Controlled pipeline columns with pointer dragging, a keyboard Move menu, counts, and explicit states.

When to use it

Use for pipelines whose records move between stages. Supply the complete bounded columns and stable, board-wide item IDs. onMove requests a stage change; update columns only after the caller accepts it. Cards retain caller order within a stage. Omit onMove for read-only use. Columns wrap to fit narrow containers.

Move enquiries between stages

Admissions pipeline

Student enquiries

From the first hello to their first lesson.

Synthetic preview

4 of 4 enquiries

Drag a card by its handle, or use its Move menu.

New enquiries

Start a conversation

New
Maya Chen
Piano lessons · North studio
PianoAfter school
Enquired today
Leo Martins
Guitar lessons · Online
Guitar
Enquired yesterday
Unassigned

Contacted

Find the right next step

Follow up
Amelia Thompson-Williams
Singing lessons · South studio
Voice
Contacted 2 days ago

Trial booked

Ready to make music

Confirmed
Noah Patel
Drums · Saturday, 10:30 AM
Drums
Trial this weekend

Enrolled

A new chapter begins

No cards in this stage

Loading, failure, empty, and read-only

Loading pipeline

Pipeline unavailable

Your cards could not be loaded.

Read-only board

In review

Sofia Nguyen
Violin · East studio
No activity yet
Unassigned
Waiting for an enrollment review

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item