Patterns · Record pages / Status and next step
Status and next step
The bottom of a record says where it stands and what happens next.
How it works
1
M
categoryCategory!
ABRequester
date_range
Label
Value
date_range
Label
Value
MAnimal IDCommon nameScientific nameEnclosure
Status only, when the viewer has nothing to do.
2
categoryCategory!
ABRequester
date_range
Label
Value
date_range
Label
Value
With progress and one next step.
3
categoryCategory!
ABRequester
date_range
Label
Value
date_range
Label
Value
Two steps at most: the main one green, the other outline.
Variants
| Variant | When | Difference |
|---|---|---|
| Status only | Nothing for this viewer to do | Status and time |
| With progress | The record moves through known steps | Progress bar; "See all" opens the timeline |
| With next step | The viewer must act | One or two buttons |
Rules
- The buttons change with the status and with who is looking.
- Reject and Cancel always ask for a reason.
- The status here is the only place the status appears on the page.
Motion and haptics
| Moment | Motion | Haptic |
|---|---|---|
| Step done | Bar updates; status cross-fades | Success pulse |
Seen in
NecropsyEggRadiologyGRC
Built from the Antz modules on the Design Links hub, 26 Oct 2026. Not drawn in Figma yet: treat it as a temporary rule.