Task row and task form · Ascern design system

A Task is a row: what to do, who it is about and when it is due, with one way to complete it. A new Task is a draft row in the Tasks table, never a dialog.

Components · Content and collaboration

Task row and task form

A Task is a row: what to do, who it is about and when it is due, with one way to complete it. A new Task is a draft row in the Tasks table, never a dialog.

Task row

Yours

Chase Halcyon for feedback on Maya

Halcyon Bank

Today

Complete

Call Maya about her notice period

Maya Chen

Mon 13 Oct

Complete

Send Priya's CV to Northwind

Senior Data Engineer

Fri 17 Oct

Complete

Book second interview with Sara Lund

Halcyon Bank · Tomorrow

Complete

Top to bottom: rest; overdue (icon plus danger text, never colour alone); hovered with Complete focused; completing, which fades and leaves with Undo in the toast. Two lines, so the title never truncates the record.

Book second interview with Sara Lund completed

Undo

Compact row and the Next strip

Open tasks

Send Maya the Halcyon brief

Today

Check references

Thu 16 Oct

Sara's task: confirm salary band

Fri 17 Oct

In a side rail. Ticking completes it; a teammate's task you can't edit is disabled.

Chase Halcyon for feedback on Maya

Priya Shah

Today

+2 more

Complete

Nothing planned

Add task

Above a record's Activity: the one Task owed first, or Add task when nothing is planned.

Task form: the draft row

Task

Status

Due date

Assignee

About

Check references for Maya

In progress

Thu 16 Oct

Priya Shah

Maya Chen

Chase Halcyon for feedback on Maya

To do

Add a date

Priya Shah

Halcyon Bank

Task is required

To do

Fri 17 Oct

Priya Shah

Add a record

Add task opens this row at the top of Tasks, on the Task cell. Assignee starts as you; About is filled when you came from a record. Tab moves cell to cell, Enter saves, Esc drops the row.

Status

To do

In progress

Done

Three statuses. Due and overdue are dates, not statuses, so they never get a pill.

Rules

· Use the two-line row in lists that mix kinds of work (Today), the compact row in side rails, the Next strip above Activity.
· Don't open a dialog to add a Task. Add task goes to Tasks with a draft row, About already set.
· Content: titles start with a verb ("Chase Halcyon for feedback"). Rows are nouns for records, verbs only on buttons.
· Completing is instant and undoable: the row fades out and the toast offers Undo; ⌘Z answers the newest toast.
· Keyboard: Complete is a button in the row's tab order. In the draft row, Tab follows the cells, Enter saves, Esc cancels.
· Screen readers: Complete reads "Complete Chase Halcyon for feedback on Maya"; overdue reads "Overdue" before the date.