Skip to main content

Application

5 pages

The screens every product needs and nobody wants to design twice: boards, lists, checklists, empty states.

Six empty and error states on StatePanel with the library's illustrations — first run, no results, an empty list that is good news, error, offline, no access — each saying what happened, whether anything is lost and the way out.

1 example

Drag cards between columns or use each card's Move menu (keyboard, screen reader and touch), with a live-region announcement, per-column points and WIP-limit warnings in words.

1 example

A getting-started checklist that opens on the next step, says how long each takes, counts the minutes left on a Meter and ends with a closing state.

1 example

Projects as cards with progress against time on one Meter (marker = today), a derived health word, team avatars, due date and a counted state filter.

1 example

Add with Enter, tick to complete, filter, clear completed; the header counts open and overdue tasks and every control names the task it acts on.

1 example