All studies66 / 74
Interaction
Team picker
A pill that answers who is on it: pick people from the list and their monograms land in the pill, which grows to hold the stack.
Where it earns its place
Assigning reviewers, owners or approvers in client portals and product dashboards, where the answer should be visible without opening anything.
What we changed
- Recast as the client-side approvers for a Northstar Cloud homepage brief, shown as monograms instead of stock portraits.
- Kept the pill as a readout with no count badge, a width computed from the count instead of a measured layout animation, and faces that drop in with a turn.
- Kept the list unfolding from the pill's corner from three-quarter scale, rows dealt out 40ms apart, and a tick that arrives in an always-drawn box.
- Added arrow-key movement through the list, Escape back to the pill and an aria-label that names who is assigned; reduced motion fades without movement.
- Dropped the grid stacking mode and the corner and overlap knobs.