Patterns · Entering data / Edit in place
Edit in place
A pencil turns a read-only section into fields with Cancel and Save, without leaving the page.
How it works
1
categoryCategory!
ABRequester
Sectionedit
LabelValue
LabelValue
A pencil sits on the section title.
2
categoryCategory!
ABRequester
Section
Value
Value
The section turns into fields with its own Cancel and Save.
Rules
- Only one section is in edit at a time.
- Leaving the page with unsaved changes asks first.
- Save writes back to the read-only view and adds a line to History or Activity.
Motion and haptics
| Moment | Motion | Haptic |
|---|---|---|
| Saved | Fields fold back 180 ms | Success pulse |
Seen in
NecropsyMedical
Built from the Antz modules on the Design Links hub, 26 Oct 2026. Not drawn in Figma yet: treat it as a temporary rule.