Patterns · Choosing / Person picker
Person picker
Choose who does something: a vet, a keeper, an approver.
How it works
1
personPeople
Choose personadd_circle
A picker field says who is being chosen.
2
Assign toclose
searchSearch
NameRole • 2 open
radio_button_checkedNameRole • 5 open
radio_button_uncheckedNameRole • 0 open
radio_button_uncheckedA sheet with search; each row shows the role and how much they already hold.
Variants
| Variant | When | Difference |
|---|---|---|
| One person | Assign, reassign | Radios |
| Several people | Notify, approvers | Check boxes and "N selected" |
Rules
- Rows show photo or initials, name, then role and current load in one line.
- The person already assigned is ticked when the sheet opens.
- Done keeps the change; Cancel or × drops it.
Motion and haptics
| Moment | Motion | Haptic |
|---|---|---|
| Person chosen | Radio fills 180 ms | Light tick |
Seen in
NecropsyGRCMedical
Built from the Antz modules on the Design Links hub, 26 Oct 2026. Not drawn in Figma yet: treat it as a temporary rule.