Card Composer Column
Kanban board with an open inline card composer in the first column, offering a title field, label, owner, due date, and estimate chips.
Kanban board with an open inline card composer in the first column, offering a title field, label, owner, due date, and estimate chips.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Card Composer Column is the Acme platform board frozen in the add card state: the first column, To Do, has an open inline composer with a labelled title field, picker chips for label, owner, due date, and estimate, and Add card and Cancel actions. The sibling columns keep their closed add affordance at the foot of the stack.
Columns and cards are a typed array, and the composing state is keyed to a single column id, so only one composer is open at a time. The chips are static stand ins for real pickers, and the note under the actions tells a person where the new card will land once it is saved.
Reach for this block when people add cards often and you want capture to stay in place, typically a working board where breaking out to a modal would lose the flow. Wire the field and chips to your create endpoint and drop the new card at the bottom of the column.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the product delivery board. Other inline composers:
Tip: keep the composer where the card will appear; an inline add reads as continuous with the column, while a modal breaks the person out of it.