Collapsed Columns Board
A kanban board where quiet stages collapse into slim vertical rails showing name and count, while active stages stay expanded with cards.
A kanban board where quiet stages collapse into slim vertical rails showing name and count, while active stages stay expanded with cards.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Collapsed Columns Board is the Acme support engineering board built for a wide workflow: six stages across the board, with the quiet ones (Triage, Blocked, Done) collapsed into slim vertical rails that show only a card count, the stage name turned on its side, and an expand control. The three active stages (Intake, In Progress, Review) stay fully expanded with their cards, and the header counts how many of the six stages are open.
Stages are one typed array where each carries a collapsed flag and its own cards; the header total is derived from that flag at render, so opening or closing a stage keeps the summary honest. Collapsed rails drop to a fixed narrow width while expanded columns hold the standard card width, so a long pipeline fits on screen without horizontal hunting.
Reach for this block when a board has more stages than a screen can hold at full width, typically an ops or support pipeline where only a few stages are active at once. Wire the collapse state to a per user preference so each person keeps the stages they watch open.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the multi stage support pipeline. Other collapsed layouts:
Tip: put the busiest stages left and open, and collapse the tail; a rail should signal there is work parked there without asking for the room a full column needs.