About this block

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.

When to use

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

• Board filters bar

After

• Card detail blueprint
• Timeline and roadmap

What you can display

One strong use is the multi stage support pipeline. Other collapsed layouts:

• Sales pipeline. Collapse won and lost stages so the active deal stages take the width.
• Content workflow. Keep Draft and Editing open, fold Published down to a count.
• Release train. Collapse shipped stages and expand only the work still in flight.

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.